Is there a way to set breakpoints for every js line in the chrome dev tools?

Question

I am quite new to javascript, I often find the need to walk through JS codes line by line to get better understanding how the code works. But manully setting breakpoints for each line in the 'source' panel of chrome is just too time-consuming, is there a way to do this automatically? In fact, in some very complicated projects, JS files are littered everywhere in the project folders, it is quite hard and troublesome to locate and open them all in the source panel. So is there a way to let chrome execute JS 1 line at a time, no matter which files the line is in?

Answer 1

一旦你的代码中断，在“恢复脚本执行”旁边有一个按钮，称为“跳过下一个函数调用”或F10，它将一步一步地恢复。

Answer 2

The accepted answer is to press F10, which steps over the next function call.

If you truly wish to step a single step at a time however, F9 is simply "step."