如何在Firebug中找到更改CSS的JavaScript函数？

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

是否有任何方法可以让您找到哪个javascript函数修改了CSS。这在firebug中显示为

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

} 

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

下图中突出显示的那个

---

在HTML面板中，在样式已更改的元素上：右键单击=>属性更改时中断

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

另见：

---

Florent

我建议使用断点来遍历JavaScript源代码。大约20个JS文件中有1000行JS代码。需要知道断点放在哪里。很难在任何js文件上设置断点，而不知道该js文件会改变CSS。对于Firefox，您可以使用

Object.prototype.watch

或变异观测者来监听对相关元素样式属性的更改，此时，您可能能够触发堆栈跟踪，希望它能够提供某种关于导致元素更改的原因的见解。您可以使用

MutationObserver

（）创建调试代码，这些代码将对DOM元素更改作出反应。请参阅