Is there a way to find out the line in JavaScript that changed an HTML property?

StackOverflow https://stackoverflow.com/questions/21947686

  •  14-10-2022
  •  | 
  •  

Question

There is a specific line of code in my functions.js file which adds height: 371px to a <div> in the HTML output and I really need to remove that.

My question is: Is there a smart way to find out which exact line in my JavaScript file adds this property?

I've been searching for 371px, but this numerical value changes as soon as I resize my browser window. I've also been searching for height and got more than 200 entries, so I gave up.

I'm using Firebug by the way, but not very familiar with it.

Was it helpful?

Solution

What you can do is to add an HTML breakpoint on that <div>. To do so right-click the element inside the HTML panel and choose Break On Attribute Change.

The next time you resize the window the script execution should stop exactly at the line where the height is set.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top