在 Chrome 开发工具性能选项卡中使用 Performance.mark()

Question

我希望看到我对

performance.mark(...)

的调用显示在 Chrome 开发工具的“性能”选项卡上。我可以在网上找到的所有文档似乎都指的是不再存在的“时间轴”选项卡，而新“性能”选项卡上的文档对此没有任何说明。

在我的代码中，我只是做

performance.mark('my mark name')

。我也尝试过对

console.timeStamp('my mark name')

做同样的事情，因为我也在一些旧文档中看到了这一点。

如何在“性能”选项卡上查看这些对

performance.mark()

的调用？

Answer 1

在新的性能选项卡中，标记显示在“用户计时”中。 你需要使用

性能.measure()

标记标记的开始和结束 像这样：

performance.mark('myMark-start');

// your code 

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

Answer 2

目前您可以在 Performance 选项卡 -> Timings 中找到