2012-11-11 16 views
10

Auf der Yahoo-Wetterseite gibt es einen Link mit der Bezeichnung C, der die Temperatureinheit von Fahrenheit zu Celsius ändert.
Wheater yahooWie Debuggen eines bestimmten JavaScript-Klickereignisses?

Debug-Suche diese Aktion und verstehen, was Javascript hinter den Kulissen ausgeführt wird, die F in C umwandeln Was ist der Weg der Debug solche Dinge?

Link-: http://weather.yahoo.com/?w=2295401

+0

Ihre JS Debugger Schritt für Schritt durch den Javascript-Code Lassen wie es geht hingerichtet. – PeeHaa

+1

Wie? Ich bin neu in js – CuriousMind

+0

@GaurishSharma Welchen Browser versuchen Sie zu verwenden? –

Antwort

23

Verwendung von Google Chrome,

  1. Rechts auf ein Element Klicken Sie auf die 'visuell', wenn die Aktion, die Sie wollen, zu debuggen erfolgt, und klicken Sie auf ‚Inspect Element ändert ". In diesem Fall können wir aus dem DOM-Ansicht und wählen Sie Pause auf Klicken Sie auf den Temperaturwert

  2. rechts wieder auf das Element inspizieren -> Attribute Änderungen

  3. Jetzt führen Sie die Aktion, die Sie debuggen möchten (in diesem Fall klicken die ° C Artikel)

Inspect Element

Sie werden feststellen, dass der Code 'Pause' und Sie Code im Debugger

debuggen jedoch

Debugger

In diesem Fall wird der Code komprimiert/minimierte so dass es sehr schwer sein wird, zu verstehen, was eigentlich los ist, aber der gleiche Ansatz könnte auch für andere ähnliche Situationen

-Update verwendet werden:

Dit Chrome Dev-tools Video für viele nützliche Tipps zur Fehlerbehebung: http://www.youtube.com/watch?v=BaneWEqNcpE

+0

Während dies immer noch nicht funktioniert Beantworte meine Frage, aber sie bietet einen Ausgangspunkt, der hilfreich ist. Vielen Dank – CuriousMind