使用performance.mark（）クロームのdevのツールのパフォーマンスタブ

Question

と私はperformance.mark(...)は、Chromeの開発ツールの[パフォーマンス]タブに表示されるまで、私の呼び出しを見てみたいと思います。私がオンラインで見つけることができるすべてのドキュメントは、もはや既存の "タイムライン"タブを参照しているようだが、the docs on the new Performance tabはそれについて何も言わない。私のコードで

、私は単にperformance.mark('my mark name')をやっています。私もconsole.timeStamp('my mark name')と同じことをやろうとしました。これは古いドキュメントでも見ました。

はどのようにして、[パフォーマンス]タブでperformance.mark()にこれらの呼び出しを見ていますか？新しいパフォーマンスタブマーカーで

Answer 1

は、「ユーザータイミング」に表示されます。

performance.mark('myMark-start'); 

// your code 

performance.mark('myMark-end'); 
performance.measure('myPerfMarker', 'myMark-start', 'myMark-end'); 

： あなたは、このようなあなたのマークの開始と終了をマークする

performance.measure（）

を使用する必要があります