Question

我有一个大约需要15秒才能加载的页面，因为我正在进行一些循环，克隆DIV并将内容加载到其中。 Chrome检查器中是否有某种方法可以让我轻松查看脚本中的滞留位置？

编辑：我在检查器中尝试了“配置文件”选项卡，但它没有显示我的实际脚本。它显示了jquery.js源代码，它没用。

Answer 1

查看Profiles tab of the inspector。 注意：这只是webkit

可以找到有关特定浏览器配置文件的更多信息......

Answer 2

在您想要检查的开头放置：

var startTime = new Date().getTime();

最后：

console.log(new Date().getTime()-startTime)

Answer 3

如果问题与javascript的性能有关，则Safari WebInspector或Chrome DevTools中的“个人档案”标签会对您有所帮助。

Safari JSC和Chrome V8的性能分析代码中它们之间的区别。 JSC有Instrumenting Profiler，V8有统计分析器。第一个更精确，第二个更少影响页面的性能。

Safari和Chrome中的用户界面相同。

分析数据有两种不同的排序顺序。重（自下而上）和树（自上而下）。您可以在“个人档案”页面底部的组合框中进行更改。

如果最耗时的条目是'（程序）'，那么我建议使用时间轴面板。

时间轴面板的Chrome版本提供了更多信息。