Find what javascript changes the DOM?

debugging, javascript

Solution

In Chrome dev tools, you have the option of breaking execution when the DOM changes.

Also a screenshot to illustrate Wolfram's answer (+1)

Problem

I've been working with a ton of other's JS recently, and am starting to really hate trying to debug it. Even with Chrome's dev tools I can't track down a lot of the DOM changes that are taking place during page load. Are there any tools that will show me what part of the DOM (say an added attribute) was done by what JS? Thanks

Original source