蝈蝈俊
·
chrome的开发者工具中，单步调试script - 蝈蝈俊
💡
原文中文，约600字，阅读约需2分钟。
📝
内容提要
在开发者工具中，通过选择“Sources”选项卡进行代码调试。常见的调试按钮包括继续/暂停脚本执行、单步执行/Step Over、进入/Step Into、跳出/Step Out、继续到下一个断点/Step以及禁用/启用所有断点。通过这些按钮可以更灵活地控制代码的执行顺序，进行详细的调试工作。
🎯
关键要点
- 在开发者工具中选择'Sources'选项卡进行代码调试。
- 切换到'Sources'选项卡后需刷新页面才能看到源码并设置断点。
- 在代码行上点击行号旁边的空白区域设置断点。
- 常见调试按钮包括继续/暂停、单步执行、进入、跳出、继续到下一个断点和禁用/启用所有断点。
- 继续/暂停按钮用于继续执行代码直到下一个断点或脚本结束。
- 单步执行按钮执行当前行并移动到下一行，跳过函数体内的代码。
- 进入按钮让调试器进入函数调用并暂停在函数体的第一行。
- 跳出按钮执行完当前函数并返回到调用该函数的地方。
- 继续到下一个断点按钮执行代码直到下一个断点或脚本结束。
- 禁用/启用所有断点按钮可以控制所有断点的启用状态。
➡️
