如何分析JavaScript函数的执行顺序

How to analyze JavaScript function execution order

本文关键字：执行 顺序 函数 JavaScript      更新时间：2023-09-26

我必须优化一个使用大量JavaScript的网站。我不是那个网站的作者。我只需要了解它的工作方式，并优化一些与JavaScript相关的东西。为此，我需要了解在页面加载过程中具体执行了什么JS代码。

我正在寻找一种显示JavaScript函数执行顺序的方法。我正在处理的网站使用了大约40个外部脚本，可能还有20-40个内联JS，到处都是。最好的是Firefox插件。

我知道我可以将console.log("script name");添加到每个JS文件中，但由于代码量太大，这是不切实际的。我知道Firebug附带了探查器，但它不允许我查看函数是何时执行的。此外，它在我试图分析的网站上崩溃了。

我只想知道函数执行的顺序。该网站大量依赖jQuery。几乎所有这些脚本都是jQuery。

正如我之前的评论中所说，请尝试使用Chrome。这里有一些有用的链接可以帮助您使用开发人员工具来评测JS:-

https://developers.google.com/chrome-developer-tools/docs/cpu-profilinghttp://coding.smashingmagazine.com/2012/06/12/javascript-profiling-chrome-developer-tools/https://developers.google.com/chrome-developer-tools/docs/timeline

Addy Osmani关于时间线简介的伟大帖子：-

https://developers.google.com/chrome-developer-tools/docs/timeline

希望这些对你有用。

Mat

相关文章：