如何在JS源代码中显示行级配置文件？

Question

我已阅读this article有关分析运行时性能的信息。下图是从本文复制而来的。如果您检查此图像，则文件中每行旁边会以黄色突出显示JS文件的执行时间提示。

我发现此行级概要分析功能非常有用，我也想在自己的项目中尝试。

但是，当我在“源”选项卡中打开JS源文件时，看不到它。请注意，我已经拍摄了性能分析快照。但是我仍然看不到执行时间提示。

如何显示此功能？

谢谢。

Answer 1

似乎已将其删除到新标签页。 您可以尝试以下方法：

1. 打开javascript个人资料标签（或在获胜时按ctrl + shift + p并输入javascript个人资料）
2. 开始记录网站并刷新
3. 停止记录

4. 单击其中一个js文件 enter image description here

5. 您正是需要的 enter image description here