7

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.

1
  • Where is link on site? Commented Aug 20, 2013 at 6:08

1 Answer 1

12

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

Sign up to request clarification or add additional context in comments.

2 Comments

I tried that, the thing is those break points appear to reset when I refresh the page, and the change I'm looking for happens too fast for me to catch it.
@Xyzk - in that case you can try to write "breakpoint" yourself, using Mutation events (developer.mozilla.org/en-US/docs/Web/Guide/Events/…)

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.