2012-11-11 17 views
10

Na stronie pogodowej yahoo znajduje się link oznaczony jako C, który zmienia jednostkę temperatury z Fahrenheit na Celsius.
Wheater yahooJak debugować określone zdarzenie kliknięcia javascript?

szukam Debug tę akcję i zrozumieć, co JavaScript zostanie wykonany za kulisami, które przekształcają F do C Jaki jest sposób debugowania takich rzeczach?

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

+0

Niech JS krok debugger za pomocą kodu javascript, jak to robi wykonany. – PeeHaa

+1

Jak? Jestem nowy w js – CuriousMind

+0

@GaurishSharma Jakiej przeglądarki używasz? –

Odpowiedz

23

Korzystanie z Google Chrome,

  1. Kliknij prawym przyciskiem myszy na elemencie, który się zmienia 'wizualnie' miejsce gdy działanie chcesz debugować potrzebny i kliknij „Zbadaj element ". W tym przypadku możemy sprawdzić wartość temperatury

  2. Right Kliknij ponownie na elemencie z widoku DOM i wybierz Przerwa na -> Atrybuty modyfikacje

  3. teraz wykonać akcję chcesz debugowania (w tym przypadku kliknięcie pozycja ° C)

Inspect Element

można zauważyć, że kod będzie „Pauza” i można debugować kod debuggera

Debugger

W tym przypadku jednak, kod jest sprężonym/minified więc będzie to bardzo trudne, aby zrozumieć, co się właściwie dzieje, ale to samo podejście może być wykorzystane do innych podobnych sytuacjach

aktualizacji:

Watch to Chrome Dev Narzędzia wideo na wiele przydatnych wskazówek debugowania: http://www.youtube.com/watch?v=BaneWEqNcpE

+0

Podczas gdy to nadal nie działa odpowiedzieć na moje pytanie, ale stanowi punkt wyjścia, który jest pomocny. Dziękuję Ci – CuriousMind

Powiązane problemy