1

Mozilla Firefox で何らかのイベントが発生したときに実行される JavaScript の部分を知るにはどうすればよいですか?

4

1 に答える 1

0

これは非常に幅広い質問ですが、私は試してみます。Firefox のネイティブ デバッガーに少し興味があったので、調べてみました。Firebug は依然として優れたツールですが、Firefox 19 以降を実行している場合、デバッグには必要ありません。また、Chrome の DevTools を試してみることをお勧めします。これは私の個人的なお気に入りです。

Firefox でネイティブ デバッガーを使用するには、2 つのオプションを構成する必要があります。about:config(アドレスバーに貼り付けます)に移動します。警告を通り過ぎて進みます。次の設定を true に更新します (検索は友達です)。

devtools.chrome.enabled: true
devtools.debugger.remote-enabled: true

コードにブレークポイントを設定できるようにするために、これを行う必要があります。デバッガーをロードします。ショートカットはCtrl+Shift+S.

この時点で、ブレークポイントをどこに設定するかを考えておく必要があります。JavaScript を作成した場合は、それほど問題はないはずです。サード パーティのコードを調べている場合は、ソース コードを参照して、どこから始めればよいかを判断する必要がある場合があります。

デバッガーが読み込まれたら、ドロップダウンでソース ファイルを選択します。これは、JavaScript ファイル、または JavaScript を含むその他のリソースである可能性があります。調べたいファイルはどれでも開く必要があります。

ブレークポイントを追加するには、行番号の左側をクリックします。特定の行を右クリックして、[ブレークポイントの追加] を選択することもできます。ページの読み込み時に発生する問題をデバッグしている場合は、ページを更新してください。イベント ハンドラーの場合は、ページを操作してイベントを発生させます。

これらは、Firefox でデバッグを開始するために必要な基本事項です。さらに進むために必要なリソースを次に示します。

MDN 記事: JavaScript のデバッグ

FireBug を使用した YouTube ビデオ: Firebug DebuggingIntro

Chrome DevTools: Chrome のブレークポイント

それが役立つことを願っています!

于 2013-04-16T06:47:14.283 に答える