Mozilla Firefox で何らかのイベントが発生したときに実行される JavaScript の部分を知るにはどうすればよいですか?
1 に答える
これは非常に幅広い質問ですが、私は試してみます。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 のブレークポイント
それが役立つことを願っています!