2012-06-29 15 views
39

He estado trabajando con muchos otros JS recientemente, y estoy empezando a odiar realmente intentar depurarlo. Incluso con las herramientas de desarrollo de Chrome, no puedo rastrear muchos de los cambios de DOM que se producen durante la carga de la página.¿Encuentra qué javascript cambia el DOM?

¿Hay alguna herramienta que me muestre qué parte del DOM (por ejemplo, un atributo adicional) fue hecha por qué JS?

Gracias

Respuesta

39

En las herramientas de desarrolladores de Chrome, que tienen la opción de romper la ejecución cuando el DOM cambia. enter image description here

también una captura de pantalla que ilustran la respuesta de Wolfram (+1)

enter image description here

+0

¿Hay alguna manera de romper un subconjunto de elementos DOM utilizando un selector? Gracias –

18

una pequeña adición a la respuesta de Jayraj: Breakpoints on DOM Mutation Events. Haga clic derecho en cualquier elemento y puede seleccionar Break on Subtree Modifications y Break on Attributes Modifications y Break on Node Removal.

Esto también es posible usando Firebug: haga clic con el botón derecho en un elemento y tendrá algunas opciones para supervisar los cambios.

Cuestiones relacionadas