CODEWITHSUNDEEP
javascriptjquerycssdebuggingdom
Xyzk
Xyzk

Reputation: 1342

How to find which script modifies css of selected attribute

Is there a way to get information which scripts modified selected DOM element, and in which order?

On my website, I modify width of div A. It appears however, that some other script modifies that width after that, but I do not know which script it is. How can I find it?

Edit: After searching a bit more, I fount that in firebug you can right click attribute in HTML view, and select "stop javascript on change" (or sth similar, my firefox is not in english), the problem being it resets after reloading the page, what makes it useles for me.

Upvotes: 7

Views: 3225

Answers (1)

Bigxiang
Bigxiang

Reputation: 6712

I am using chrome developer tools to debug my page. It supports add breakpoints to dom elements, when attributes of dom is modified by javascript, it breaks the rendering process immediately. I think you can try it.

enter image description here enter image description here

Upvotes: 12

Related Questions