1. ホーム
  2. debugging

Firebugです。マウスの動きで変化する要素を検査するには?

2023-10-09 04:14:32

質問

時々、マウスをある領域の上に置いた場合にのみ、ページ上に表示される要素を検査する必要があります。問題は、変更を見るためにfirebugコンソールの方にマウスを動かし始めると、マウスアウト イベントがトリガーされ、私が検査しようとしているすべての変更が消えてしまうことです。このようなケースに対処するにはどうしたらよいでしょうか?

基本的に、私はどちらかである何かを探しています。

  • マウスを動かさずにfirebugコンソールに切り替えます(キーボードショートカットを使うのでしょうか?しかし、私はキーボードのみでfirebugを使用する方法を見つけ出すことができません)
  • ページをフリーズさせる機能があり、マウスの動きによってイベントがトリガーされることがないようにします。

ありがとうございます。

どのように解決するのですか?

私はあなたがこれを行うことができると思います。

  • Firebugs Inspect モードを選択します。

  • インスペクトしたい要素をポップアップ表示させる項目にカーソルを合わせると タブ キーを数回押して Firebug をアクティブにします (Firebug がアクティブなコンポーネントを確認するのは難しいことがわかりましたが、試行錯誤の結果、Firefox の検索ツールバーがアクティブであることを確認したら、次に シフト + タブ を2回逆向きにするとFirebugに入ります。

  • それから、L/R 矢印キーで要素を縮小/拡大し、U/D 矢印キーで Firebugs コンソールをナビゲートするんだ。

とにかく私の場合はうまくいきました!