如何分析和诊断javascript长时间运行

时间:2014-04-06 20:10:47

标签: javascript long-running-processes

我有一个相当广泛的JavaScript,我可以在我的Chrome(最新稳定版)和IE11中加载。

加载图标旋转,但脚本最终会在两台浏览器中加载到我的机器上。

我还有2个人试图在IE11中加载包含javascript的页面,但他们都无法加载页面。加载程序图标永远旋转,当他们将鼠标悬停在刷新图标上时,弹出状态显示“长时间运行的脚本”

如何分析我的javascript以确定脚本永远加载的方式和位置?

1 个答案:

答案 0 :(得分:4)

Chrome的开发者工具(F12)可以分析您的代码。这将为您提供大量信息 - 可能会产生很多噪音 - 但它肯定会确定两件事情:1)花费大量时间的功能,以及2)经常调用的功能。

这是我开始的第一个地方:打开探查器并重新加载页面。

如果这不能给你一个好的起点,请查看Chrome时间线和console.timeStamp('Some Note')。在开始记录定时会话之后,每次代码遇到“console.timeStamp”时,它都会注释时间线,允许您估计执行中一个或多个点之间的经过时间。见这里:https://developers.google.com/chrome-developer-tools/docs/console#measuring_how_long_something_takes