为chrome开发人员工具构建覆盖率工具

时间:2012-04-09 04:54:21

标签: google-chrome-extension google-chrome-devtools

我希望在chrome中扩展dev工具来支持'what-just-ran'。这样的事情 - 你点击一个记录按钮,在网页上做一些事情,并停止录制。在开发工具中,它应该显示代码的哪个部分运行 - 比如动态代码覆盖。从我在文档中读到的内容来看,没有任何直接的方法。我一直在使用dev-front-end(开发人员工具的源代码),通过在每一行设置断点并找到执行的行,这就是我可以走多远。这个项目是否可以使用当前的chrome扩展API甚至开发前端更改?

2 个答案:

答案 0 :(得分:1)

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

JS heatmap by Peter van der Zee

答案 1 :(得分:0)

Timeline screenshot

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