Firebug の外部 JS スクリプトにブレークポイントを設定するにはどうすればよいですか

Question

埋め込み JS 関数にブレークポイントを簡単に設定できますが、デバッグ セッション中にたまたま入力しない限り、Firebug 経由で外部 JS スクリプトにアクセスする方法がわかりません。スクリプトを「探索」せずにこれを行う方法はありますか?

@ジェイソン:これは良い点ですが、私の場合、スクリプトに簡単にアクセスできません。特に、デバッグしたい ASP.Net バリデーターによって呼び出されるクライアント スクリプトについて話しています。デバッグ セッション中に関数呼び出しを入力することでアクセスできますが、直接アクセスする方法が見つかりませんでした。

Answer 1

Firebug 内から外部 JavaScript ファイル (*.js) を表示およびアクセスするには:

1. 「スクリプト」タブをクリックします。
2. スクリプトコードコンテンツウィンドウの上の左上隅の「すべて」ドロップダウンをクリックします。
3. 「静的スクリプトを表示」を選択します。
4. 「静的」と書かれている右側のドロップダウンボタンをクリックします（デフォルトでは、現在のWebページの名前が表示されます）。これで、外部JSファイルを含む現在のWebページに関連付けられたファイルのリストを表示する必要があります。
5. 興味のあるJavaScriptファイルを選択すると、コンテンツウィンドウにコードが表示されます。そこから、通常のようにブレークポイントを設定できるはずです。

Answer 2

場所 debugger; 外部スクリプト ファイル内で、改行したい行に追加します。

Answer 3

「デバッガー」を置くラインはまた、Chromeデバッガーのトリックを行います。

Answer 4

左側の余白にある行番号をクリックすると、ブレークポイントが作成されます (赤い丸が表示されます)。

ロードされたすべてのスクリプトは Firebug メニューから利用できるようになります。現在のファイル名が表示されている場所をクリックすると、すべてのファイルがリストされたドロップダウンが表示されます。

Answer 5

それらにブレークポイントを設定した後、firebug コンソールでそれらを名前で呼び出し、中間関数の出力を確認 (またはステップスルー) することもできます。これは、メイン エントリ ポイントが他の多くのヘルパー関数を呼び出し、実際にはこれらのヘルパーがどのように動作するかだけを気にする場合に役立ちます。

そうは言っても、私は ASP.Net バリデーターについては何も知らないので、これが当てはまらない可能性があります。