Ich habe ein Element, das Stile über JavaScript angewendet wird. Ich bin mir nicht sicher, wo genau. Gibt es eine Möglichkeit Firebug zu überprüfen, woher das "element.style" tatsächlich kommt?Wie finde ich heraus, welches JavaScript den Stil eines Elements ändert?
Sie können die Skriptansicht öffnen und im Suchfeld nach ".style" suchen.
Wenn Sie sicher sind, es ist gesetzt auf dem Inline wird style und nicht als Folge einer Sheet-Regel können Sie Änderungen erkennen die Nicht-Standard Mozilla watch() Methode:
document.body.style.watch('color', function(name, v0, v1) {
alert(name+': '+v0+'->'+v1);
});
document.body.style.color= 'red';
Sie können debugger; setzen In der Watcher-Funktion suchen Sie in Firebug nach dem Aufruf-Stack, um zu sehen, wo die Änderung ausgelöst wurde.
Wow, nett. Ich kannte diesen Trick nicht. –
Kann uns bitte jemand sagen, was wir machen/wo setzen wir den obigen Code? – user1794295
@ user1794295 in jQuery $ (Dokument) .ready (function() {/ * Ihr Code geht hier * /}); oder etwas ähnliches –
Sie können auch mit der rechten Maustaste auf das Element im HTML-Bedienfeld klicken, bevor der Stil festgelegt ist, und die Option Attributänderung aktivieren wählen. Script Panel muss aktiviert sein.
Auf Anfrage von this question:
Wenn Sie firefox haben, können Sie überprüfen Sie die "Break on Attribut ändern" Option in der Registerkarte HTML. Klicken Sie einfach mit der rechten Maustaste auf das Zielelement und das Menü wird geöffnet. Danach ändern Sie die Größe des Fensters und es wird in der Skriptzeile unterbrochen, in der das Attribut geändert wird.
Das wird nur in einer sehr begrenzten Anzahl von Fällen funktionieren - insbesondere mit jQuery im Einsatz. –
@Brock Adams: Das ist wahr, aber man kann auch nach '.css' suchen;) –
Das stimmt, aber man könnte nach einer laaaaaaaaaaaaaaaange Zeit suchen ... .. .. – TweeZz