ブラウザで消える要素を検査するにはどうすればいいですか? 質問する

ブラウザで消える要素を検査するにはどうすればいいですか? 質問する

マウスを離すと消える要素を検査するにはどうすればいいですか? 消えるドロップダウンの例

ID、クラスなどはわかりませんが、検査したいです。

私が試した解決策:

コンソール内で jQuery セレクターを実行しました$('*:contains("some text")')が、要素が非表示ではなく DOM ツリーから削除された可能性が高いため、うまくいきませんでした。

DOM ツリーの変更を手動で検査しても、何が変更されたかに気付くには速すぎるようで、何も得られません。

成功:

イベント ブレークポイントで成功しました。具体的には、私の場合はマウスダウンです。ChromeSources-> Event Listener Breakpoints-> Mouse-> mousedownで にアクセスするだけです。その後、検査したい要素をクリックすると、その中にScope Variables役立つ指示が表示されました。

ベストアンサー1

(この回答は Chrome デベロッパー ツールにのみ適用されます。 以下の更新を参照してください。)

消える要素を含む要素を見つけます。要素を右クリックして、「中断... > サブツリーの変更」を適用します。これにより、要素が消える前にデバッガーが一時停止し、一時停止状態の要素を操作できるようになります。

ここに画像の説明を入力してください

2019年10月22日更新:バージョン70のリリースにより、Firefoxはついにこの種のデバッグをサポートするようになったようです。2 3:

ここに画像の説明を入力してください

2020 年 9 月 15 日更新: Chrome には、まさにこのニーズに応える「フォーカスされたページをエミュレートする」オプションがあります ([⌘]+[P] コマンド メニューまたはグローバル設定から取得できます)。5 - Twitter の @sulco より

おすすめ記事