ページロード時にインラインスタイルを適用するJavaScriptをトラッキングする

Question

私はDNNサイトを管理していて、ホームページの特定の要素に適用される「幅：100％」インラインスタイルのソースを探しています。 DNNに含まれているJSライブラリには手作業では解析が難しいものがありますが、Chrome Developer Toolsが公開されており、ページに読み込まれるすべてのJSファイルの[Sources]タブで「100％」がどこにあるかを調べました使用されています。サイコロはありません。

私はBreak on ...> Attributes Modifications機能を認識しています。これは、常に同じような問題のためのソリューションとして引用された私はSOのが見つかりました：

How to track down javascript that is modifying the inline style of a div in the DOM?

Finding Javascript-Applied Inline Styles to Debug Javascript

How can I find out what script is setting my element's visibility to hidden?

Which JS added inline styles?

問題はこのことであるソースでJavaScriptのデバッグとは異なり、タブをクリックすると、ウェブページを更新するときに要素タブのHTML要素のデバッグポイントが消去され、試しているスクリプトトラックダウンはページロード時に1度しか実行されず、実行時に再び実行されることはないため、ブレークポイントは決してヒットしません。

ページロード中にDOM内の特定の要素の属性がいつ変更されるのかを特定する他の方法はありますか？特定の属性をトラッキングしていますか？

Answer 1

1. 場所はdebugger声明でスクリプトタグは、その属性を取得する要素が変更された直後に：

   <div></div> 
   <script>debugger</script> 
   

2. は、要素のタブに開いインスペクタ
3. スイッチでページを再読み込みして追加します要素への属性の削除ブレークポイント
4. スクリプト実行の再開

DevToolsは属性を変更するコードを強調表示するようになりました。

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.