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

How to analyze and diagnose javascript long run times

本文关键字:JavaScript 运行时间 诊断      更新时间:2023-09-26

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

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

我有另外 2 个人尝试加载包含 IE11 中 javascript 的页面,但他们都无法加载页面。加载程序图标永远旋转,当它们将鼠标悬停在刷新图标上时,浮出控件显示"长时间运行的脚本"

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

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

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

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