Ho un elemento che applica gli stili applicati tramite JavaScript. Non sono sicuro esattamente dove; c'è un modo per controllare Firebug per mostrare da dove viene effettivamente "element.style"?Come faccio a sapere quale JavaScript sta cambiando lo stile di un elemento?
È possibile aprire la vista script e cercare ". Stile" nella casella di ricerca.
Se sei sicuro che è stato impostato sulla linea style e non come conseguenza di una regola di foglio di stile, è in grado di rilevare i cambiamenti utilizzando il watch() metodo non-standard di Mozilla:
document.body.style.watch('color', function(name, v0, v1) {
alert(name+': '+v0+'->'+v1);
});
document.body.style.color= 'red';
Si può mettere debugger; nella funzione di watcher e cerca lo stack di chiamate in Firebug per vedere dove è stata attivata la modifica.
Wow, bello. Non sapevo quel trucco. –
Qualcuno può dirci cosa facciamo/dove inseriamo il codice sopra? – user1794295
@ user1794295 in jQuery $ (document) .ready (function() {/ * il tuo codice va qui * /}); o qualcosa di simile –
È inoltre possibile fare clic con il pulsante destro del mouse sull'elemento nel pannello HTML prima che lo stile sia impostato e selezionare interruzione su Modifica attributo. Il pannello di script deve essere abilitato.
Su richiesta this question:
Se si dispone di Firefox è possibile selezionare l'opzione "Break on attributo Modifica" nella scheda HTML. Basta fare clic destro sull'elemento di destinazione e il menu verrà visualizzato. Successivamente, ridimensiona la finestra e si interromperà nella riga dello script in cui viene modificato l'attributo.
Ciò funzionerà solo in un numero molto limitato di casi, in particolare con jQuery in uso. –
@Brock Adams: È vero, ma si può anche cercare '.css';) –
Questo è vero, ma si potrebbe cercare un tempo looooooong .. .. .. – TweeZz