jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Update article.md

Browse source
This commit is contained in:
Somadina Mbadiwe 2017-06-06 05:27:47 -07:00 • committed by GitHub
parent 99bc9bf01c
commit e2790d0253
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
1-js/03-code-quality/01-debugging-chrome/article.md
View file

@ -48,7 +48,7 @@ For example, here `1+2` results in `3`, and `hello("debugger")` returns nothing,
Let's examine what's going on within the code of the [example page](debugging/index.html). In `hello.js`, click at the line number `4`. Yes, right on the `"4"` digit, not on the code. Let's examine what's going on within the code of the [example page](debugging/index.html). In `hello.js`, click at the line number `4`. Yes, right on the `"4"` digit, not on the code.
Contratulations! You've set a breakpoint. Please also click on the number for line `8`. Congratulations! You've set a breakpoint. Please also click on the number for line `8`.
Should look like this (blue is where you should click): Should look like this (blue is where you should click):
@ -56,7 +56,7 @@ Should look like this (blue is where you should click):
A *breakpoint* is a point of code where the debugger will automatically pause the JavaScript execution. A *breakpoint* is a point of code where the debugger will automatically pause the JavaScript execution.
While the code is paused, we can examine current variables, execute commands in the console etc. In other words, to debug it. While the code is paused, we can examine current variables, execute commands in the console etc. In other words, we can debug it.
We can always find a list of breakpoints in the right pane. That's useful when we have many breakpoints in various files. It allows to: We can always find a list of breakpoints in the right pane. That's useful when we have many breakpoints in various files. It allows to:
- Quickly jump to the breakpoint in the code (by clicking on it in the right pane). - Quickly jump to the breakpoint in the code (by clicking on it in the right pane).
@ -97,7 +97,7 @@ As the breakpoint is set, the execution pauses at the 4th line:
![](chrome-sources-debugger-pause.png) ![](chrome-sources-debugger-pause.png)
Please open the informational dropdowns to the right (labelled with arrows). They allow to examine the current code state: Please open the informational dropdowns to the right (labelled with arrows). They allow you to examine the current code state:
1. **`Watch` -- shows current values for any expressions.** 1. **`Watch` -- shows current values for any expressions.**