Chrome Debugging Toss _ (3) JS Breakpoint Debugging Tips

JS Debugging Tips: Formatting compression code

Tip Two: Quickly jump to the location of a breakpoint

The breakpoints on the right will summarize all of your breakpoints in the JS file, click on the same line with the checkbox to temporarily cancel the breakpoint, if you click on the next line of the checkbox will jump directly to the location of the breakpoint

Tip Three: See the scope of the breakpoint inside "very useful"

scope on the right can see quite a lot of useful information, such as the direction of this, whether there are values, breakpoints are objects or other.

Tip 4: Listen for event breakpoints

The event Listener on the right breakpoints can selectively listen to certain types of behavioral events, such as keyboard input, drag and forth. Tick the previous checkbox to take effect, when you trigger the change behavior will jump to the trigger JS

Tips 5:dom and XHR listening jump

Dom Breakpoints : Is you elements page, feel to listen to a certain section of the DOM may have some behavior, but do not know exactly where the exact location can be used

XHR Breakpoints: The core point of Ajax that is requested from the server
The default tick, all XHR behavior, optional is to determine the URL ... I don't use much.

Tip 6: Stepping, stepping into, forcing, stepping out

This east is necessary to debug, in fact, with Firebug's small partner, on this there is a clear understanding of you. basically the same;

Functional nouns in turn, do not understand can see me firebug that series of

• Pause Script Excution "stepping, pausing at a breakpoint, waiting for debugging – not literal translation" : This button changes to resume script excution "continue execution" , shortcut "F8 or Ct RL + \ "
• Step over next function call "step Skip" : Jumps to the next breakpoint, shortcut key "F10 or Ctrl +"
• Step into next functions call "single Step Into" : will enter the function of internal debugging, shortcut keys "F11 or Ctrl +;"
• stepout of the current function "stepping out": The functions that will jump out of this breakpoint, the shortcut key "Shift + F11 or Ctrl + SHIFT +;"

What's behind is the features of Chrome.

• Deactivate Breakpoints : Disable all breakpoints temporarily, shortcut key "Ctrl + F8"
• don ' t pause on exceptions: Do not pause at the expression, there is an option "pause on caught exceptions– If throw exception will need to pause there"

Summarize

This article is here, more in-depth and some of the efficiency of the small operation to the next article to introduce,,, La La

Chrome Debugging Toss _ (3) JS Breakpoint Debugging Tips