问题描述
是否存在能够突出显示在运行非常长的脚本（例如JS脚本）的过程中执行的所有功能的软件或调试器？
解决方法
您可以使用Chrome开发工具。
打开Coverage标签
- Open the Command Menu：按
Control+Shift+P或Command+Shift+P（Mac）。或者，单击“自定义和控制DevTools” 自定义和控制DevTools，然后选择Run命令。- 开始键入
coverage，选择“显示覆盖率”命令，然后按Enter运行该命令。覆盖范围选项卡在抽屉中打开。
记录代码覆盖率
- 点击“覆盖率”标签中的以下按钮之一
- 如果要查看什么代码，请单击“开始检测覆盖率和重新加载页面”，然后单击“开始检测覆盖率和重新加载页面”。 需要加载页面。
- 如果要查看与页面交互后使用的代码，请单击“仪器覆盖率”。
- 单击“停止检测承保范围并显示结果”，并在要停止时停止检测承保范围并显示结果。 记录代码覆盖率。
分析代码覆盖率
“覆盖率”标签中的表格显示了您分析了哪些资源， 以及每个资源中使用了多少代码。单击一行以打开 在“来源”面板中查看该资源，然后逐行查看 使用的代码和未使用的代码。
- URL列是所分析资源的URL。
- “类型”列说明资源是否包含CSS，JavaScript或 两者。
- “总字节数”列是以下资源的总大小 字节。
- 未使用的字节数列是未使用的字节数 使用。
- 最后一个未命名的列是总计的可视化 字节和未使用的字节列。条的红色部分未使用 个字节。绿色部分是已使用的字节。
来源：https://developers.google.com/web/tools/chrome-devtools/coverage