如何在 JS 源代码中显示行级分析？

Question

我读过这篇关于分析运行时性能的文章。下面的图片是从这篇文章中复制的。如果您查看此图像，则文件中每一行旁边都有黄色突出显示的 JS 文件的执行时间提示。

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

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

如何显示此功能？

谢谢。

Answer 1

它似乎已被删除到新选项卡。你可以试试这个：

1. 打开 javascript 配置文件选项卡（或在 win 上按 ctrl+shift+p 并输入 javascript 配置文件）
2. 开始记录站点并刷新
3. 停止记录

4. 单击其中一个 js 文件， 在此处输入图像描述

5. 您得到了您所需要的， 在此处输入图像描述