%20%E3%83%87%E3%83%90%E3%83%83%E3%82%AC%E3%83%BC%E3%81%A7%E3%82%AD%E3%83%BC%E3%83%9C%E3%83%BC%E3%83%89%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%20JavaScript%20%E3%82%92%E4%B8%80%E6%99%82%E5%81%9C%E6%AD%A2%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%E3%81%AF%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%81%8B%3F.png)
Firefox Devtools (開発者ツール) デバッガー ペインが開いているときに、キーボードのキーを押して JavaScript を一時停止できるはずですF8。
これは、複雑な Web サイトではほとんど機能しないことがわかりました (Stack Exchange や StackOverflow などの単純な Web サイトでは問題なく機能します)。通常、Firefox を一時停止させる唯一の方法は、ポインティング デバイス (トラックボール、マウスなど) を使用してpause
Firefox Devtools GUI のボタンをクリックすることです。これの問題は、Web ブラウザーのビューポートからカーソルを削除する必要があり、その結果 HTML 要素がフォーカスを失うことです。
キーボードを使用して Firefox Devtools デバッガーを一時停止するためのコツや秘密はありますか?
答え1
@andrybak さんのコメントが本当に役に立ったので、完全な回答として追加します。
- サイトを開き、ツールチップやその他のマウス依存イベントを検査するページ/状況に移動します。
- Firefoxで開発者ツールを開き、デバッガータブに移動します。(Chromeではソースと呼ばれます)次に、
- 「イベントリスナーブレークポイント」を開く
- 「マウス」でフィルターする(下図参照)
- 「クリック」を選択するか、それが頻繁にトリガーされる場合は、ダブルクリックを表す「dblclick」を選択します。
- サイトにアクセスし、イベントをトリガーします (ツールチップのある要素の上にマウスを置きます)。
- これでデバッガーが停止し、サイトを検査できるようになります。