クロム開発ツールのためのカバレッジツール

Question

私は、「what-just-ran」をサポートするためにChromeで開発ツールを拡張しようとしています。このようなもの - レコードボタンをクリックし、ウェブページ上で何かをして、録音をやめる。開発ツールでは、コードのどの部分が動的コードカバレッジのように走っているかを示す必要があります。私がドキュメントで読んだことから、直接的な方法はありません。私はdev-front-end（デベロッパーツールのソース）をハッキングしています。すべての行にブレークポイントを設定し、どの行を実行したかを知ることができます。このプロジェクトは現在のChrome拡張APIやデベロッパーフロントエンドの変更でも可能ですか？

Answer 1

JS heatmap profiler slash code coverage tool JavaScriptを前処理することでこれを行います。

Answer 2

タイムラインは、このプラスのレンダリングとローディング情報のすべてを持っています。タイムラインデータは、Remote debugging APIとDevToolsの他のデータを介して公開されています。