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

Question

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

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

Answer 1

你可以使用Firebug的NET控制台或其他开发工具的吊坠为好。这使您可以像下面这样：

Answer 2

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

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

Answer 3

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

Answer 4

在html代码中脚本的顺序可能不会给出确切的顺序，因为脚本可能存在于远程服务器上，并且它处于关闭状态或速度很慢。最好的方法是使用chrome的内置开发工具在时间线上直观地分析它。

1. 在Chrome中打开
2. 右击并检查元素
3. 点击网络
4. 页面刷新页面以获得时间线视图。

Answer 5

使用简单的安慰，试试这个：

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