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

【问题标题】：How to analyze and diagnose javascript long run times如何分析和诊断 javascript 长时间运行
【发布时间】：2014-04-06 20:10:46
【问题描述】：

我有一个相当广泛的 javascript，可以在我的 Chrome（最新稳定版）和 IE11 中加载。

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

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

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

【问题讨论】：

标签： javascript long-running-processes

【解决方案1】：

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

【讨论】：

@H.Ferrence：请告诉我进展如何。
我会...我现在只是想弄清楚在哪里看以及如何解释@JDPace
@H.Ferrence "Profiles" 和 "Timelines" 将是查看的地方。 “网络”可能会提供一些信息，但我认为它不会告诉你任何你不知道的事情。再想一想：如果您的 JavaScript 在页面加载后执行，并且某些资源（如图像）需要很长时间才能加载，则 JS 将在其他所有内容加载后才会启动。 “网络”部分可能会公开类似的内容。
@H.Ferrence：你发现了什么？