How do I step through JavaScript code line by line without placing breakpoints on each line in Chrome developer tools?

Question

This might be a silly question, but I can't find out how to do this without placing breakpoints everywhere.

Ideally what I want to do is put one breakpoint at the beginning of a function, then when it breaks, press a short-cut key to the next line, then the next, and so on. But every time I do this, it skips a million lines until it meets the next breakpoint.

How do I avoid this? Am I missing something?

Answer 1

What you're missing is F10 and F11 :

Note that it doesn't always work very well when you're iterating over minified javascript rebuilt using source maps.

Complete documentation