2012-06-29 6 views
39

私は最近、他のJSのトンを使って作業していましたが、実際にデバッグしようとしていません。 Chromeの開発ツールを使用しても、ページの読み込み中に発生するDOMの変更を追跡することはできません。javascriptがDOMをどのように変更するかを確認しますか?

JSのどの部分(追加された属性)がJSによって行われたかを私に示すツールはありますか?

ありがとう

答えて

39

Chrome開発ツールでは、DOMの変更時に実行を中断するオプションがあります。 enter image description here

また、Wolframの答えを説明するためにスクリーンショット(1)

enter image description here

+0

セレクタを使用してDOM要素のサブセットを分割する方法はありますか?ありがとう –

18

Jayrajの答えにマイナーほか:Breakpoints on DOM Mutation Events。任意の要素を右クリックし、Break on Subtree ModificationsBreak on Attributes ModificationsBreak on Node Removalを選択できます。

これは、Firebugを使用しても可能です。要素を右クリックし、変更を監視するオプションがあります。

関連する問題