Web サイトの HTML 要素を検査する必要がありますが、要素がすぐに隠れてしまうため、検査できません。
要素 B にカーソルを合わせると要素 A が表示され、要素 B からカーソルを離すと要素 A が消えます。そのため、直接の親を見つける方法がわかりません。また、それが破棄されているか非表示になっているかもわかりません。
高速に隠れる要素を検査するにはどうすればよいですか?
Web サイトの HTML 要素を検査する必要がありますが、要素がすぐに隠れてしまうため、検査できません。
要素 B にカーソルを合わせると要素 A が表示され、要素 B からカーソルを離すと要素 A が消えます。そのため、直接の親を見つける方法がわかりません。また、それが破棄されているか非表示になっているかもわかりません。
高速に隠れる要素を検査するにはどうすればよいですか?
JavaScriptを使用して要素が削除されていると思いますか? DOM が変更されたときに JavaScript の実行を一時停止するよう Chrome にリクエストできます。消える要素が作成された要素 (親) を右クリックし、Break on... サブメニューの Subtree Modifications をクリックします。
直接の親である必要はありません。正確な親がわからない場合は、いつでも html または body 要素を使用して中断できます。
要素を調べた後、[続行] をクリックして JavaScript の実行を続行します。
私が最近Google ChromeF8で見つけた良い方法は、要素が表示されていて、インスペクタ パネルが開いているときにボタンを押すことです。