Al depurar HTML, ¿hay alguna forma de escuchar el cambio de ancho de div usando javascript o jquery? Tengo un tamaño de cambio de div debido a algunos CSS y no puedo entender dónde, incluso si paso. Me preguntaba si había una manera de conectar un evento a un div para ver qué está causando que cambie. Incluso si es posible, no estoy seguro de cómo pasaría la información de la pila para lo que causó el cambio de tamaño en primer lugar, por lo que puede que esto ni siquiera sea posible.

0
Matt 21 jul. 2011 a las 05:04

4 respuestas

La mejor respuesta

Esta es una mala manera, pero no estoy seguro de que tal evento exista.

$(function(){
    var last = $("#your_div").width();
    setInterval(function(){
        if (last != $("#your_div").width()){
            alert('div width changed');
        }
    }, 100);
});
2
genesis 21 jul. 2011 a las 09:28

Firebug para Firefox le permite adjuntar y romper CSS y cambios de atributos, ¿es esto lo que está buscando?

0
Anthony Sottile 21 jul. 2011 a las 01:07

Este chico explica cómo adjuntar al evento DOMAttrModified para detectar cambios en CSS.

Detección de eventos cuando la propiedad css cambió usando Jquery

Solo es compatible con FF y Opera, pero si es solo para depurar, funcionará.

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

1
Community 23 may. 2017 a las 11:55

Yo uso Chrome, parece dar la mayoría de los detalles.

  • Descargar Chrome
  • Presione f12
  • Ir a la primera pestaña [Elementos]
  • haz clic en la lupa y ve a tu div
  • haga clic derecho en el html resaltado y seleccione "Romper en modificaciones de subárbol"
2
rkw 21 jul. 2011 a las 01:10