如何查看頁面中加載的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()); 
    }); 
})​