Chrome Coverage功能的Firefox原生或扩展替代方案咨询
Firefox 类似 Chrome Coverage 的功能说明
嘿,刚好我对Firefox开发者工具这块还算熟悉,来给你解答下你的问题~
原生支持情况
Firefox DevTools 是原生自带类似功能的,它也叫 Coverage,只是入口可能和Chrome略有不同:
- 打开Firefox开发者工具(快捷键
F12或Ctrl+Shift+I/Cmd+Opt+I) - 点击工具右上角的三点菜单,选择「更多工具」→「Coverage」
- 也可以直接用快捷键
Ctrl+Shift+E(Windows/Linux)或Cmd+Shift+E(Mac)快速打开
这个原生的Coverage工具和Chrome的功能几乎一致:
- 能实时追踪页面运行时未被使用的JavaScript和CSS代码
- 支持开始/停止录制,查看代码覆盖详情
- 可以导出覆盖报告,帮助你精准优化冗余代码
第三方扩展选项
如果原生工具的功能暂时不能完全满足你的需求,也有一些第三方扩展可以替代,比如 Code Coverage 类的扩展,但个人更推荐优先使用原生工具,因为它和Firefox的兼容性更好,更新也更及时。
内容的提问来源于stack exchange,提问作者trane77
相关产品推荐
相关产品推荐

