ページのDOMをフリーズまたはロックする方法はありますか？

Question

ページのDOMをフリーズまたはロックすることがあるので、これ以上の変更（CSSまたはJavaScriptなど）はできません。

divまたはページのフォーカスが失われたときに表示されたり消えたりする要素を見つけることが難しくなります。

通常は、要素を右クリックして調べると、その要素がDOMから消えます。

DOM Inspectorを手動で検索すると、その要素を見つけることができますが、インスペクタ内でその要素をクリックすると、要素がDOMから消えます。

この状況では、ページの一部のインタラクティブな部分が完全に到達できなくなります。どのCSSルールが適用されているのか、CSSファイルをどのような行番号で表示するのか、何かを見つけることはできません。そして、私は実際には、複数のCSSファイルを検索し、それぞれのルールを見て、これが私が探しているルールであるかどうかを調べる必要があります。

Answer 1

ChromeデベロッパーコンソールのDOM要素のコンテキストメニューでBreak on...のオプションのいずれかを使用してみましたか？例えば、Break on Node removal。これは、特定のDOM要素を削除するためのブレークポイントとして機能します。

要素がフォーカス/ホバリングのような状態にあるときのスタイルが適用されている場合

Answer 2

（それを拡大するには画像をクリック）は、あなたはクロームで要素の状態を強制することができます。

1. 状態を保持する要素を検査します。
3. スタイルパネルで:hovメニューオプションをクリックします

それとも

1. をしたい状態が右にある要素のタグをクリックしているチェックボックスをオンにします要素ペイン
2. コンテキストメニューからCSSの状態を選択してください

他のブラウザでは、同様のオプションがあります。