javascript - DOM を変更する JavaScript を見つけますか?

Question

私は最近、大量の他の JS を使用しており、それをデバッグしようとするのが本当に嫌いになり始めています。Chrome の開発ツールを使用しても、ページの読み込み中に行われる DOM の変更の多くを追跡できません。

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

ありがとう

Answer 1

Chrome 開発ツールでは、DOM が変更されたときに実行を中断するオプションがあります。

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

Answer 2

Jayraj の回答へのマイナーな追加: Breakpoints on DOM Mutation Events。Break on Subtree Modifications任意の要素を右クリックすると、 andBreak on Attributes Modificationsとを選択できますBreak on Node Removal。

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