При отладке HTML есть способ прослушать изменение ширины div, используя javascript или jquery?

Question

При отладке HTML есть ли способ прослушать изменение ширины div, используя javascript или jquery? У меня есть div, меняющий размер из-за какого-то CSS, и я не могу понять, где, даже шагая. Мне было интересно, есть ли способ подключить событие к div, чтобы посмотреть, что вызывает его изменение? Даже если это возможно, я не уверен, как в первую очередь передать информацию о стеке для того, что вызвало изменение размера, так что это может быть даже невозможно.

Answer 1

Я использую Chrome, похоже, он дает больше деталей.

• Загрузить Chrome
• Нажмите f12
• , перейдите на первую вкладку [Элементы]
• нажмите на увеличительное стекло и перейдите к вашему div
• , щелкните правой кнопкой мыши выделенный html и выберите «Разбить модификации поддерева»

Answer 2

Это плохой способ, но я не уверен, что такое событие существует.

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

Answer 3

Этот парень объясняет, как присоединиться к событию DOMAttrModified для обнаружения изменений CSS.

Обнаружение события, когда свойство css изменено с использованием Jquery

Это поддерживается только в FF и Opera, но если это только для отладки, он сделает свое дело.

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

Answer 4

Firebug для FireFox позволяет вам прикреплять и прерывать CSS и изменения атрибутов. Это то, что вы ищете?