javascript - chromeを使用して動的jsをデバッグする

Question

Webアプリケーションでは、すべてのページがajaxを使用して読み込まれます。一部のページには、新しいページが追加された後にロードされる独自のjsファイルがあります。追加された動的jsをデバッグしたいのですが、chromeのデバッガーでそのjsファイルを見つけることができません。

デバッグ用にそのファイルを見つける方法は？

Answer 1

コードに以下を追加するだけです-

debugger;

スクリプトコンソールを開いたままにします。この行が検出されると、デバッガーはさらにステップするまでこの時点で待機します。

注：デバッグするスクリプトファイルを物理的に選択できないため、スクリプトコンソールはすでに開いているはずです。実行時に、chromeはprogram.js動的にレンダリングされたjsを使用して動的ファイルを作成します。