Question

调试HTML时有没有办法使用javascript或jquery监听div宽度变化？由于一些CSS，我有一个div改变大小，无法弄清楚在哪里，甚至踩过。我想知道是否有办法将事件挂钩到div以查看导致其发生变化的原因？即使可能，我也不确定如何首先将堆栈信息传递给导致尺寸变化的原因，所以这甚至不可能。

Answer 1

这是不好的方法，但我不确定这样的事件是否存在。

$(function(){
    var last = $("#your_div").width();
    setInterval(function(){
        if (last != $("#your_div").width()){
            alert('div width changed');
        }
    }, 100);
});

Answer 2

我使用Chrome，它似乎提供了最多的细节。

下载Chrome
按f12
转到第一个标签[Elements]
点击放大镜然后转到你的div
右键单击突出显示的html并选择“Break on Subtree modification”

Answer 3

这个人解释了如何附加到DOMAttrModified事件以检测CSS更改。

Event detect when css property changed using Jquery

它仅在FF和Opera中受支持，但如果仅用于调试它将会起作用。

http://www.quirksmode.org/dom/events/

Answer 4

FireFox for FireFox允许您附加和中断CSS，属性更改是您正在寻找的？

调试HTML时有没有办法使用javascript或jquery监听div宽度变化？

4 个答案: