选择 Sources 标签
在开发者工具中，点击顶部菜单中的“Sources”选项卡。
注意：
在切换到“Sources”选项卡后，默认是没有源码的，需要再次刷新下页面，才能看到对应的源码，才能设置断点。
设置断点：
在你想要暂停执行的代码行上，点击行号旁边的空白区域，这将在那一行上设置一个断点。
常见的几个调试按钮
第一个按钮（继续/暂停脚本执行）
当代码暂停时，点击这个按钮将继续执行代码直到下一个断点或脚本结束。
第二个按钮（单步执行/Step Over）
点击这个按钮会让调试器执行当前代码行，并移动到下一行。如果当前行是一个函数调用，函数体内的代码会被跳过，而只是执行整个函数。
第三个按钮（进入/Step Into）
点击这个按钮会让调试器进入函数调用。如果当前行包含一个函数调用，调试器会进入函数体内，并暂停在函数体的第一行。
第四个按钮（跳出/Step Out）
点击这个按钮会让调试器执行完当前函数，返回到调用该函数的地方并暂停。
第五个按钮（继续到下一个断点/Step）
这个按钮会继续执行代码，直到下一个断点或脚本结束。
第六个按钮（禁用/启用所有断点）
点击这个按钮可以禁用或启用所有断点。如果禁用断点，脚本将不会在任何断点处暂停。
通过这些按钮，你可以更灵活地控制代码的执行顺序，进行详细的调试工作。
