为 chrome 开发者工具构建覆盖工具

Question

我希望在 chrome 中扩展开发工具以支持“what-just-ran”。像这样 - 你点击一个录制按钮，在网页上做一些事情，然后停止录制。在开发工具中，它应该显示代码的运行部分——比如动态代码覆盖率。根据我在文档上阅读的内容，没有任何直接的方法。通过在每一行设置断点并查找执行的行，我一直在使用 dev-front-end（开发人员工具的源代码）进行破解，这就是我能走多远。这个项目是否可以使用当前的 chrome 扩展 API 甚至开发前端更改？

Answer 1

JS heatmap profiler slash code coverage tool 通过预处理 JavaScript 来做到这一点。

Answer 2

_{（来源：google.com）}

时间轴包含所有这些以及渲染和加载信息。时间线数据通过 Remote debugging API 以及 DevTools 拥有的任何其他数据公开。