2012-11-11 12 views
10

Nella pagina meteo di yahoo, è presente il collegamento etichettato come C che modifica l'unità di temperatura da Fahrenheit a Celsius.
Wheater yahooCome eseguire il debug di uno specifico evento click javascript?

Sto cercando di debug questa azione e capire che cosa javascript Viene eseguito dietro le quinte che convertono F in C. Qual è il modo di eseguire il debug di queste cose?

link: http://weather.yahoo.com/?w=2295401

+0

Lasciate che il vostro passo debugger JS attraverso il codice javascript, come si arriva eseguito. – PeeHaa

+1

Come? sono nuovo di js – CuriousMind

+0

@GaurishSharma Che browser stai cercando di utilizzare? –

risposta

23

Utilizzo di Google Chrome,

  1. fare clic destro su un elemento che sta cambiando 'visivamente' quando l'azione si desidera eseguire il debug avviene, e fare clic su 'Inspect Element '. In questo caso possiamo ispezionare il valore di temperatura

  2. fare clic destro di nuovo sull'elemento dalla vista DOM e selezionare Break -> Attributi modifiche

  3. Ora eseguire l'azione che si desidera eseguire il debug (in questo caso clic l'elemento ° C)

Inspect Element

si noterà che il codice sarà 'pausa' ed è possibile eseguire il debug di codice nel debugger

Debugger

In questo caso però, il codice viene compressa/ridotte di modo che sarà molto dura per capire ciò che sta realmente accadendo, ma lo stesso approccio potrebbe essere utilizzato per altre situazioni simili

Aggiornamento:

Guarda questo video strumenti Chrome Dev per un sacco di consigli utili di debug: http://www.youtube.com/watch?v=BaneWEqNcpE

+0

Mentre questo non funziona ancora rispondi alla mia domanda ma fornisce un punto di partenza che è utile. Grazie – CuriousMind