如何解决Javascript分步调试器
是否存在能够突出显示在运行非常长的脚本(例如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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。