Javascript分步调试程序

是否有软件或调试器能够突出显示在运行很长的脚本（如JS脚本）期间执行的所有功能？

您可以使用Chrome开发工具

打开“覆盖率”选项卡

：按

Control

+

Shift

+

P

或

命令

+

Shift

+

P

（Mac）。或者，单击“自定义和控制DevTools” 自定义和控制DevTools，然后选择

Run

Command

开始键入

coverage

，选择Showcoverage命令，然后按Enter键运行该命令。“覆盖范围”选项卡在抽屉中打开

记录代码覆盖率

单击“覆盖率”选项卡中的以下按钮之一

若要查看代码是什么，请单击开始检测覆盖率和重新加载页面开始检测覆盖率和重新加载页面 需要加载页面

如果要查看与页面交互后使用的代码，请单击Instrument Coverage Instrument Coverage

单击停止检测覆盖率并显示结果停止检测覆盖率并在需要停止时显示结果 记录代码覆盖率

分析代码覆盖率 Coverage选项卡中的表格显示了分析的资源， 以及每个资源中使用了多少代码。单击要打开的行 在Sources面板中显示该资源，并查看 使用的代码和未使用的代码

• URL列是已分析的资源的URL
• 类型列表示资源是否包含CSS、JavaScript或 两者都有
• Total Bytes列是中资源的总大小 字节
• 未使用字节列是未使用的字节数 用过
• 最后一个未命名的列是总体的可视化 字节和未使用的字节列。条形图的红色部分未使用 字节。绿色部分用于字节

---

来源：

您要查找的搜索词是“JavaScript代码覆盖率”；但是，推荐特定的库和工具对于堆栈溢出来说是无关紧要的。同样在Chrome的开发工具中，您可以在代码执行的每一步都暂停，单击“下一步”、“下一步”、“下一步”，查看代码一步一步地运行，在时间冻结时检查变量，等等。