Firebug：跟踪哪些脚本或代码行进行了更改

Question

是否可以跟踪什么脚本或哪一行代码，例如。设置元素的宽度？

//肯尼思BL

Answer 1

在 IE 上，您可以使用 onpropertychanged 事件在 width 元素被触发时触发事件。

在 IE 9、Chrome 和 FF 上，您可以使用 DOMAttrModified：

var elm = document.getElementById ("targetElemntId");
if (elm.addEventListener) { // all browsers except IE before version 9
  elm.addEventListener ('DOMAttrModified', checkProperty, false); //FF, Opera, IE
}
if (elm.attachEvent) {  // IE & Opera
  elm.attachEvent ('onpropertychange', checkProperty); // IE


 }


function checkProperty(event) {
   var name = event.attrName ? event.attrName : event.propertyName;
   if(name == "width") {
      alert("width changed");
   }
}

但不知道如何在 chrome 上实现此目的。