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

Question

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

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

Answer 1

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

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

Answer 2

您也可以使用 Firebug 的 NET 控制台或其他开发人员工具的挂件。这为您提供了以下内容：

Answer 3

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

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

Answer 4

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

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