マウスを離すと消える要素を検査するにはどうすればいいですか?
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 より