在 Chrome devtools 中测量步骤之间的时间

【问题标题】：Measure time between steps in Chrome devtools在 Chrome devtools 中测量步骤之间的时间
【发布时间】：2016-04-29 14:50:20
【问题描述】：

在 chrome 开发者工具中调试 javascript 时，有什么方法可以测量步骤之间的时间（F10）？我知道我们可以使用 console.time(label) 和 console.timeEnd(label) 但是脚本很长，我需要找到瓶颈，使用 console.time 方法需要很长时间。

我不太了解firebug，但如果它可以满足我的需要，我使用它就没有问题。

【问题讨论】：

【解决方案1】：

你试过 Chrome 的Timeline View 吗？它告诉您每个函数调用执行的时间。

如果您下载 Chrome Canary 并进行时间线录制，它还会向您显示 per-line information。（我刚玩过它，在它开始显示一条线的测量值之前似乎有一些阈值，但值得一试。）

一些帮助您入门的文档：

【讨论】：