如何在Firebug中找到哪个JavaScript函数更改了CSS?

时间:2013-11-23 20:29:57

标签: javascript html css debugging firebug

Firebug可能是最好的调试工具,可以让开发人员轻松生活。但是我无法找到的一件事是你如何找到改变CSS值的函数。在右侧面板中,当您单击任何CSS规则时,它将选择左侧的HTML节点,您将知道这些值属于此HTML元素。

有没有什么方法可以让你找到哪个javascript函数修改了CSS。这在firebug中显示为

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

} 

我需要找到哪个JS函数改变了上面的值,因为它不在我的CSS中。

下图中突出显示的图像

enter image description here

1 个答案:

答案 0 :(得分:8)

在HTML面板中,在样式更改的元素上:右键单击=>打破属性变化。

每次更改此元素的属性时都会中断。

另请参阅:http://www.softwareishard.com/blog/firebug/firebug-tip-break-on-html-mutation/

Florent的