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

如何分析JavaScript函数的执行顺序,javascript,jquery,optimization,Javascript,Jquery,Optimization,我必须优化一个使用大量JavaScript的网站。我不是那个网站的作者。我只需要了解它的工作方式并优化一些与JavaScript相关的东西。为此,我需要了解在页面加载期间具体执行的JS代码 我正在寻找一种显示JavaScript函数执行顺序的方法。我正在处理的站点使用了大约40个外部脚本,可能还有20-40个内联JS,到处都是。最好的是Firefox插件 我知道我可以添加console.log(“脚本名”)到每个JS文件中,但是有那么多的代码,这是非常不实际的。我知道Firebug随分析器一起提

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

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

我知道我可以添加
console.log(“脚本名”)
到每个JS文件中,但是有那么多的代码,这是非常不实际的。我知道Firebug随分析器一起提供,但它不允许我查看函数的执行时间。除此之外,我正在分析的网站也会崩溃

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

与我前面的评论一样,尝试使用Chrome。这里有一些有用的链接,可以帮助您使用开发人员工具来评测JS:-

Addy Osmani关于时间轴配置文件的精彩文章:-

希望这些对你有用


Mat

Chrome中有一个分析器,应该能够完成这个任务,或者你可以使用时间线来查看事件发生的顺序。这就是我需要的。谢谢虽然我不喜欢Chrome,但这是我第一次真正感到有必要使用它:)尽管Firefox替代品会很好。