After the code execution is suspended by a breakpoint, you can step through subsequent lines of code in the inspector and watch the results unfold in the browser as each line is executed. There are three different levels of “stepping” that you can use in the Chrome Inspector, each of which dictates where the debugger’s attention moves to with respect to the new functions it encounters:

  • images (Step Over) — This instructs the debugger to proceed until the next line of code, but if it encounters a new function, to “step over” it by executing it all in one step. The end result is the execution is paused at the next line of ...

Get HTML5: Your visual blueprint™ for designing rich web pages and applications now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.