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

7vhp5slm 于 2023-06-22 发布在 jQuery

关注(0)|答案(5)|浏览(131)

如何查看js脚本在页面中的顺序？
我现在看到的是源代码html，并浏览了脚本声明。但是有没有更好的方法来查看装货顺序呢？

5条答案

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

html代码中的脚本顺序可能不会给予确切的顺序，因为可能存在脚本位于远程服务器上并且它关闭或缓慢的情况。最好的方法是使用chrome内置的开发工具在时间轴上进行可视化分析。
1.在chrome中打开页面
1.右键单击并检查元素
1.单击网络
1.刷新页面以获取时间轴视图。

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

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

脚本标记将按其出现的顺序依次加载。
这意味着它们将按照它们在HTML中出现的顺序一个接一个地加载。

脚本标记是按照它们在dom中出现的顺序加载的，这是正确的。但只适用于那些静态的dom。
对于那些被另一个JavaScript注入的人来说不是。你也要考虑发起人。
这是非常常见的，例如跟踪。
因此，假设以下html来自服务器：

<html>
<script>A</script>
<script>B</script>
<script>C</script>
</html>

在所有内容加载后，html看起来像这样：

<html>
<script>1</script>
<script>A</script>
<script>B</script>
<script>2</script>
<script>C</script>
<script>3</script>
</html>

脚本% 1是否在脚本%B之前加载？
如果脚本1由脚本A注入，则可能。但如果脚本1是由脚本C注入的，则肯定不是。
所以这不是那么容易分辨的。
所以chrome的网络标签是一个很好的选择。在这里，你看到的真理就像Sirko和Vinit的回答一样