我必须优化一个使用大量 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-profiling http://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
希望这些对你有用。
垫