RequireJS を使用してソースをロードするクライアント側アプリケーションを分析しようとしています。
予想どおり、アプリは、他のモジュールを require() および define() する 1 つのメイン JS ファイルをロードします。メインの JS ファイルは、Chrome の [Dev Tools] --> [Resources] に表示されます。その後ロードされるモジュールはすべてそうではありません。
RequireJS モジュールとしてロードされた JS ファイルを、スクリプト タグによってロードされた JS ファイルを表示するのと同様の方法で表示するにはどうすればよいですか?
デバッグしようとしているクライアント側アプリケーションは RequireJS の最適化バージョンであるように思われるため、JS ファイルを表示できる可能性があります。
RequireJS オプティマイザーは、すべての define() および require() スクリプトを 1 つのファイルに結合するツールであり、サーバー側の呼び出しを減らすのに役立ちます。つまり、サーバー側への呼び出しは 1 つだけです。ほとんどの標準ライブラリの縮小版と同じように考えてください
.jsファイルをロードしたときに同じ問題が発生しました
$("#element").load("thisIsMyJsFile.js");
クロムの「ソース」で「thisIsMyJsFile.js」をデバッグしたかったのです。
「thisIsMyJsFile.js」ファイルに次の行を追加します。
//# sourceURL=browsertools://thisIsMyJsFile.js
「thisIsMyJsFile.js」をファイル名に変更します。
要素を検査すると、ソースに表示されます
。