Find what javascript changes the DOM?

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

Answers:

Answer

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

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

enter image description here

Answer

A minor addition to Jayraj's answer: Breakpoints on DOM Mutation Events. Right click on any element and you can select Break on Subtree Modifications and Break on Attributes Modifications and Break on Node Removal.

This is also possible using Firebug: right click an element and you have some options to monitor it for changes.

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.