在Chrome的时间轴工具中添加标记？

Question

有时，很难判断一段代码何时开始以及何时结束。是否可以在Chrome的时间轴工具中添加标记？

Answer 1

使用console.timeStamp(markName)。请参阅https://developers.google.com/web/tools/chrome-devtools/debug/console/track-executions#marking-the-timeline以供参考。

Answer 2

console.time()和console.timeEnd()现在显示在Performance的 Console （主机，GPU，网络等旁边）部分下。

例如：

console.time('Hello world!');
console.time('Hi world!');
setTimeout(() => console.timeEnd('Hello world!'), 1000);
setTimeout(() => console.timeEnd('Hi world!'), 2000);

这看起来像这样：