将performance.mark（）与Chrome开发工具性能标签一起使用

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.measure（）

标记标记的开头和结尾 像这样：

performance.mark('myMark-start');

// your code 

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