CODEWITHSUNDEEP
javascripthtmlcssdebuggingfirebug
Mike
Mike

Reputation: 3418

How to locate in Firebug which JavaScript Function changed the CSS?

Firebug is probably the best debugging tool that makes the life easy for developers. But one thing that I am not able to find out is how do you locate the function that changed the CSS values. In the Right Panel, when you click on any CSS rule, it will select the HTML node in the left and you get to know that these values belong to this HTML element.

Is there any way that lets you find which javascript function modified the CSS. This is shown in firebug as

element.style{
  color:#898980;
  top:78px;
  bottom:121px;

}

I need to find which JS function changed the above values as it is not in my CSS.

The one highlighted in below Image

enter image description here

Upvotes: 3

Views: 1395

Answers (1)

fflorent
fflorent

Reputation: 1646

In the HTML panel, on the element whose style is changed : Right-click => break on attribute change.

This will break every time an attribute of this element is changed.

See also: http://www.softwareishard.com/blog/firebug/firebug-tip-break-on-html-mutation/

Florent

Upvotes: 8

Related Questions