Tengo un elemento que obtiene estilos aplicados a través de JavaScript. No estoy seguro exactamente dónde; ¿Hay alguna manera de comprobar que Firebug muestre de dónde viene realmente el "element.style"?¿Cómo puedo encontrar qué JavaScript está cambiando el estilo de un elemento?
Puede abrir la vista del script y buscar ".style" en el cuadro de búsqueda.
Si está seguro de que está siendo establecido en la línea style y no como consecuencia de una regla de estilo, que puede detectar cambios en el uso de la no-estándar de Mozilla watch() método:
document.body.style.watch('color', function(name, v0, v1) {
alert(name+': '+v0+'->'+v1);
});
document.body.style.color= 'red';
Usted puede poner debugger; en la función de observación y busque la pila de llamadas en Firebug para ver dónde se activó el cambio.
Guau, bien. No sabía ese truco. –
¿Puede alguien decirnos qué hacemos/dónde colocamos el código anterior? – user1794295
@ user1794295 en jQuery's $ (document) .ready (function() {/ * su código va aquí * /}); o algo similar –
También puede hacer clic derecho en el elemento en el panel HTML antes de que se establezca el estilo y seleccionar interrumpir en Cambio de atributo. El panel de scripts debe estar habilitado.
A petición de this question:
Si tiene Firefox se puede comprobar la opción "Interrumpir en atribuir el cambio" en la ficha HTML. Simplemente haga clic derecho en el elemento de destino y aparecerá el menú. Después de eso, cambie el tamaño de la ventana y se romperá en la línea del script donde se cambia el atributo.
Eso solo funcionará en un número muy limitado de casos, especialmente con jQuery en uso. –
@Brock Adams: Eso es cierto, pero también se puede buscar '.css';) –
Eso es cierto, pero uno podría estar buscando un tiempo muy largo ... .. – TweeZz