Skip to content Skip to sidebar Skip to footer
Home / Dom / Javascript / Onload Event / Stack Trace

Determine Which Js File/line Is Modifying An Element On My Page

Post a Comment
I need to determine which JS file/line is modifying an element on my page. I'm trying to find a needle in a haystack here. For example, I'm digging through 35 .js files to find ou

Solution 1:

In Google Chrome:

  1. Right-click on the element you want to detect changes to.
  2. In the Elements pane of the Developer Tools that shows up, right click on the element again (in this case a <label> element.
  3. Choose Break on… ▶ Attributes Modifications (or Subtree Modifications)
  4. Reload. Voila! You are stopped at the JavaScript code making the modification.

enter image description here

Solution 2:

I hope following link would help you

https://developers.google.com/chrome-developer-tools/docs/javascript-debugging#breakpoints-mutation-events

It basically tells you how to track down events that mutated given dom element

You may like these posts

Post a Comment for "Determine Which Js File/line Is Modifying An Element On My Page"