chrome的开发者工具中，单步调试script

选择 Sources 标签

在开发者工具中，点击顶部菜单中的“Sources”选项卡。

注意：
在切换到“Sources”选项卡后，默认是没有源码的，需要再次刷新下页面，才能看到对应的源码，才能设置断点。

设置断点：

在你想要暂停执行的代码行上，点击行号旁边的空白区域，这将在那一行上设置一个断点。

常见的几个调试按钮

第一个按钮（继续/暂停脚本执行）

当代码暂停时，点击这个按钮将继续执行代码直到下一个断点或脚本结束。

第二个按钮（单步执行/Step Over）

点击这个按钮会让调试器执行当前代码行，并移动到下一行。如果当前行是一个函数调用，函数体内的代码会被跳过，而只是执行整个函数。

第三个按钮（进入/Step Into）

点击这个按钮会让调试器进入函数调用。如果当前行包含一个函数调用，调试器会进入函数体内，并暂停在函数体的第一行。

第四个按钮（跳出/Step Out）

点击这个按钮会让调试器执行完当前函数，返回到调用该函数的地方并暂停。

第五个按钮（继续到下一个断点/Step）

这个按钮会继续执行代码，直到下一个断点或脚本结束。

第六个按钮（禁用/启用所有断点）

点击这个按钮可以禁用或启用所有断点。如果禁用断点，脚本将不会在任何断点处暂停。

通过这些按钮，你可以更灵活地控制代码的执行顺序，进行详细的调试工作。