Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何判断Javascript占用的时间最多?_Javascript_Jquery_Google Chrome_Google Chrome Devtools - Fatal编程技术网

如何判断Javascript占用的时间最多?

如何判断Javascript占用的时间最多?,javascript,jquery,google-chrome,google-chrome-devtools,Javascript,Jquery,Google Chrome,Google Chrome Devtools,由于我进行了一些循环,克隆div并将内容加载到div中,所以我有一个大约需要15秒才能加载的页面。在Chrome inspector中有什么方法可以让我很容易地看到脚本中的停顿在哪里 编辑:我在inspector中尝试了“Profiles”选项卡,但它没有显示我的实际脚本。它显示了jquery.js源代码,但这些代码并不有用。注意:这只是webkit 有关特定浏览器探查器的更多信息,请参见 铬: 火狐: 歌剧: 甚至IE也有开发工具:请看。注意:这只是webkit 有关特定浏览器探查器的更多信息

由于我进行了一些循环,克隆div并将内容加载到div中,所以我有一个大约需要15秒才能加载的页面。在Chrome inspector中有什么方法可以让我很容易地看到脚本中的停顿在哪里

编辑:我在inspector中尝试了“Profiles”选项卡,但它没有显示我的实际脚本。它显示了jquery.js源代码,但这些代码并不有用。注意:这只是webkit

有关特定浏览器探查器的更多信息,请参见

铬:

火狐:

歌剧:

甚至IE也有开发工具:

请看。注意:这只是webkit

有关特定浏览器探查器的更多信息,请参见

铬:

火狐:

歌剧:


甚至IE也有开发工具:

在您想要检查的内容的开头:

var startTime = new Date().getTime();
最后:

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

在您要检查的内容的开头,放置:

var startTime = new Date().getTime();
最后:

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

如果问题与javascript的性能有关,那么Safari WebInspector或Chrome DevTools中的Profiles选项卡将帮助您

它们之间的区别在于SafariJSC和ChromeV8的评测代码。 JSC有检测分析器,V8有统计分析器。 第一个更精确,第二个对页面性能的影响更小

用户界面在Safari和Chrome中是相同的

分析数据有两种不同的排序顺序。 沉重(自下而上)和树木(自上而下)。您可以在配置文件页面底部的组合框中进行更改

如果最耗时的条目是“(程序)”,那么我建议使用时间线面板


Chrome版本的Timeline Panel提供了更多信息。

如果问题与javascript的性能有关,则Safari WebInspector或Chrome DevTools中的Profiles选项卡将为您提供帮助

它们之间的区别在于SafariJSC和ChromeV8的评测代码。 JSC有检测分析器,V8有统计分析器。 第一个更精确,第二个对页面性能的影响更小

用户界面在Safari和Chrome中是相同的

分析数据有两种不同的排序顺序。 沉重(自下而上)和树木(自上而下)。您可以在配置文件页面底部的组合框中进行更改

如果最耗时的条目是“(程序)”,那么我建议使用时间线面板


Chrome版本的Timeline Panel提供了更多信息。

我试过了,它只指向缩小的jQuery代码。它没有用,因为它没有显示我的实际脚本。我已经用许多不同浏览器开发工具的更有用链接编辑了您的答案/profilers@CaptSaltyJack当前位置要么大部分时间都花在那里,要么你看错了。有问题的网站链接会有帮助。@DCoder无法提供,这是专有的/NDA内部资料。对不起,我试过了,它只是指向缩小的jQuery代码。它没有用,因为它没有显示我的实际脚本。我已经用许多不同浏览器开发工具的更有用链接编辑了您的答案/profilers@CaptSaltyJack当前位置要么大部分时间都花在那里,要么你看错了。有问题的网站链接会有帮助。@DCoder无法提供,这是专有的/NDA内部资料。对不起,嗯。。。嗯,你可以随时发布你的脚本,我们可以看一下,告诉你可疑的抢劫发生在哪里。嗯。。。好吧,你可以随时发布你的脚本,我们可以看一下,告诉你可疑的抢劫发生在哪里。