Building Coating Tool for Chrome Making Tools

Question

I want to extend the dev tools in chrome to support "what-just-ran". Something like this - you press the record button, do something on the web page and stop recording. In the dev tools, it should show which part of the code works as dynamic code coverage. From what I read in the docs, there is no direct path. I hacked using dev-front-end (the source for developer tools), setting breakpoints on each line and finding which line is executed, on how far I can go. Is this project possible using modern chrome extension APIs or even front end dev changes?

Answer 1

JS heatmap profiler slash coverage tool does this by preprocessing JavaScript.

Answer 2

_{(source: google.com )}

The timeline has it all plus rendering and loading information. Timeline data is accessible through the remote debugging API , as well as any other data that DevTools has.