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に表示される順序で1つずつ読み込まれることを意味します。