写真の上にカーソルを置いたときに表示されるページ要素を検査するために Firebug を使用しようとしています。
問題は、要素の位置がマウスの位置から動的にオフセットされているため、要素を右クリックして「要素の検査」オプションを取得することができないことです。
onhover 要素が適切な場所で DOM に挿入されることを期待していましたが、これまでのところ、それを見つけることができませんでした。
助言がありますか？
3184 次
4 に答える
3
新しい要素が作成される DOM 内の場所がわかっている場合(これらの要素は要素の子として作成されることが非常に多いbody)、作成時のブレークポイントを設定できます。
要素が要素の子として作成されると仮定しましょうbody。次の手順に従うと、要素を検査できます。
- ページを読み込む
- FireBug の HTML パネルを有効にする
body要素を見つけるbody要素を右クリックしBreak on Child Addition or Removal、ポップアップ メニューから選択します。- 写真にカーソルを合わせて、必要な要素の作成をトリガーします
スクリプトの実行は、要素が作成されるとすぐに中断する必要があります。その時点で、HTML パネルであっても、動的に作成された要素を検査するために必要な時間は常にあります。
于 2012-06-25T19:24:57.200 に答える
1
これは理想的な解決策ではありませんが、onhover コードを調べて、作成中の要素に関する詳細情報を見つけることができます。その情報により、Firebug の DOM ビューアーで見つけることができる場合があります。
于 2011-06-28T17:57:50.663 に答える
0
Firebug ウィンドウの上部にある検索バーを使用して要素を検索できますか?
于 2011-06-28T17:50:54.053 に答える
-1
CTRL+F を使用して、コード ビューで見つけることができます。
于 2011-06-28T17:50:27.847 に答える