Javascript Firebug lite-属性更改时中断-IE_Javascript_Breakpoints_Firebug Lite

Javascript Firebug lite-属性更改时中断-IE

javascript

Javascript Firebug lite-属性更改时中断-IE,javascript,breakpoints,firebug-lite,Javascript,Breakpoints,Firebug Lite,我只是想找出是什么改变了IE9中属性的高度/宽度有一个Firebug功能“属性更改时中断” 我已经在代码中包含了firebug lite脚本。但在firebug lite中的元素上单击鼠标右键无法打开上下文菜单，很遗憾：( firebug lite是否支持“属性更改时中断” 还是有其他方法谢谢，RussWoohoo！！了解了当属性通过 .... 函数InitListener（）{ var elemToCheck=document.getElementById（“objectelem

我只是想找出是什么改变了IE9中属性的高度/宽度

有一个Firebug功能“属性更改时中断”

我已经在代码中包含了firebug lite脚本。

但在firebug lite中的元素上单击鼠标右键无法打开上下文菜单，很遗憾：(

firebug lite是否支持“属性更改时中断”

还是有其他方法

谢谢，Russ

Woohoo！！了解了当属性通过


....
函数InitListener（）{
var elemToCheck=document.getElementById（“objectelementid”）；
if（elemToCheck.addEventListener）{
//除IE版本9之前的所有浏览器
elemToCheck.addEventListener（'DOMAttrModified'，OnAttrModified，false）；
//Firefox、Opera、IE
}
如果（elemToCheck.attachEvent）{
//Internet Explorer和Opera
elemToCheck.attachEvent（'onpropertychange'，OnAttrModified）；
//Internet Explorer
}
控制台日志（“附加事件”）；
//测试事件是否有效
setAttribute（“宽度”、“333”）；
log（“发生了什么事”）；
}
已修改函数（事件）{
var message=“”；
如果（'attrChange'在事件中）{
//Firefox、Opera、第9版的Internet Explorer
消息+=“的属性发生了一些问题”+
event.target.tagName+“元素。\n”；
message+=“+event.attrName”的值+
“属性已从更改为”
+event.prevValue+”到“+event.newValue+”；
}
如果（'propertyName'在事件中）{//Internet Explorer
message=“的“+event.propertyName+”属性”
+event.srcElement.tagName+“元素已更改。”；
}
控制台日志（消息）；
}

不幸的是，测试结果无效，如果没有宽度或高度，IE9似乎会自动调整视频大小…这一定是一个功能…深深的喜悦…

你这个可怜的、该死的灵魂。不过，我在这里承认的是，我写了一条！重要的；规则，让IE覆盖这个可怜的浏览器正在玩的任何把戏。

<body onload="InitListener ();">
....

<script type="text/javascript">
    function InitListener () {
        var elemToCheck = document.getElementById ("objectelementid");
        if (elemToCheck.addEventListener) { 
            // all browsers except IE before version 9
            elemToCheck.addEventListener ('DOMAttrModified', OnAttrModified, false);    
            // Firefox, Opera, IE
        }
        if (elemToCheck.attachEvent) {  
            // Internet Explorer and Opera
            elemToCheck.attachEvent ('onpropertychange', OnAttrModified);   
            // Internet Explorer
        }
        console.log("events attached");
        // Test the event works
        elemToCheck.setAttribute("width","333");
        console.log("something happened");
    }

    function OnAttrModified (event) {
        var message = "";
        if ('attrChange' in event) {    
            // Firefox, Opera, Internet Explorer from version 9
            message += "Something has happened to an attribute of the " +
                            event.target.tagName + " element.\n";
            message += "The value of the " + event.attrName +
                            " attribute has been changed from "
                        + event.prevValue + " to " + event.newValue + ".";
        }

        if ('propertyName' in event) {  // Internet Explorer
            message = "The " + event.propertyName + " property of the "
                       + event.srcElement.tagName + " element has been changed.";
        }

        console.log(message);
    }
</script>