Javascript 如何查看页面中加载js脚本的顺序

如何查看页面中js脚本的顺序

---

我目前看到了源html，并浏览了脚本声明。但是有没有更好的方法来查看加载顺序呢？

脚本标记是按照它们出现的顺序依次加载的

---

这意味着它们将按照它们在HTML中出现的顺序逐个加载

html代码中脚本的顺序可能无法给出确切的顺序，因为可能存在脚本位于远程服务器上，并且脚本已关闭或运行缓慢的情况。最好的方法是使用chrome的内置开发工具在时间线上直观地分析它

在chrome中打开页面

单击鼠标右键并检查图元

点击网络

刷新页面以获取时间线视图

---

您也可以使用Firebug的网络控制台或其他开发人员工具的挂件。这将为您提供如下信息：

---

使用简单控制台，尝试以下操作：

$(function(){
    $('script',document).each(function(){
          console.log($(this).attr('src') || $(this).text());   
    });
})​

---

使用firefox或chrome开发工具的firebug，并查看网络选项卡。我建议使用关于开发工具的建议。查看源代码并不能保证看到所有包含的脚本。如果以后通过脚本加载了任何内容，那么它们可能不会显示在头部（或DOM中的其他位置）。