我必须优化使用大量JavaScript的网站。我不是该网站的作者。我只需要了解它的工作方式并优化与JavaScript相关的一些内容。为此,我需要了解在页面加载期间特定执行的JS代码。
我正在寻找一种显示JavaScript函数执行顺序的方法。我正在处理的网站使用了大约40个外部脚本,可能还有20到40个内联JS。最好的是Firefox附加组件。
我知道我可以在每个JS文件中添加console.log("script name");
,但是如果使用这么多代码,那就太荒谬了。我知道Firebug附带了探查器,但它不允许我查看函数执行的时间。除了它在我试图分析的网站上崩溃。
我只想知道函数执行的顺序。 该网站重点关注jQuery。几乎所有这些脚本都是jQuery。
答案 0 :(得分:1)
与我之前的评论一样,请尝试使用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
希望这些对你有用。
垫