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

Question

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

我目前看到源html并通过脚本声明。但有没有更好的方法来查看加载顺序？

Answer 1

html代码中脚本的顺序可能没有给出确切的顺序，因为可能存在脚本在远程服务器上并且它已关闭或速度很慢的情况。最好的方法是使用chrome的内置开发人员工具在时间轴上进行可视化分析。

1. 以chrome格式打开页面
2. 右键单击并检查元素
3. 点击网络
4. 刷新页面以获取时间线视图。

Answer 2

您也可以使用Firebug的NET控制台或其他开发人员工具的吊坠。这给你以下内容：

Answer 3

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

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

Answer 4

使用简单的控制台，试试这个：

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

Answer 5

或者，您可以在firefox中使用chrome或firebug中的开发人员工具。