Chrome开发人员工具的构建覆盖工具

Question

我期待在Chrome中扩展开发工具以支持“刚刚运行”。就像这样 - 你点击一个录制按钮，在网页上做一些事情，然后停止录制。在开发工具中，它应该显示运行代码的哪一部分 - 如动态代码覆盖率。从我阅读的文档看，没有任何直接的方法。我一直在使用dev-front-end（开发者工具的源代码），通过在每一行设置断点并找到执行的行，这就是我可以走多远的路线。使用当前Chrome扩展API甚至开发前端更改，这个项目是可能的吗？

Answer 1

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

Answer 2

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