Firebug lite - 属性更改中断 - IE答案

【问题标题】：Firebug lite - break on attribute change - IEFirebug lite - 属性更改中断 - IE
【发布时间】：2012-10-16 06:50:51
【问题描述】：

我正在尝试查找仅在 IE9 中更改属性的高度/宽度的原因。

有一个 Firebug 功能“属性更改中断” https://getfirebug.com/wiki/index.php/Break_On_...

我在我的代码中包含了 firebug-lite 脚本。 https://getfirebug.com/firebuglite

但不幸的是，右键单击 firebug lite 中的元素并没有弹出上下文菜单:(

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

或者有其他方法吗？

谢谢，拉斯

【问题讨论】：

你这个可怜的该死的灵魂。不过，比我在这里承认的更多，我写了一个 !important;规则只是让 IE 覆盖可怜的浏览器正在拉扯的任何恶作剧。

标签： javascript breakpoints firebug-lite

【解决方案1】：

哇哦！！了解如何在属性更改时显示消息 http://help.dottoro.com/ljdchxcl.php

<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>

不幸的是，测试提供了徒劳，似乎IE9如果没有宽度或高度会自动调整视频大小......必须是一个功能......深喜......

【讨论】：