2012-11-11 2 views
10

На странице погоды Yahoo есть ссылка, обозначенная как C, которая изменяет блок температуры от Fahrenheit до Celsius.
Wheater yahooКак отладить конкретное событие кликов javascript?

Я ищу отлаживать это действие и понять, что Javascript запускается на выполнение за кулисами, которые преобразуют F в С. Что это способ отладки таких вещей?

Ссылка: http://weather.yahoo.com/?w=2295401

+0

Пусть ваш JS отладчик шаг через яваскрипт код, как он получает казнены. – PeeHaa

+1

Как? Я новичок в js – CuriousMind

+0

@GaurishSharma Какой браузер вы пытаетесь использовать? –

ответ

23

Использование Google Chrome,

  1. Щелкните правой кнопкой мыши на элементе, который меняется «визуально», когда действие, которое необходимо для отладки происходит, и нажмите кнопку «Проверить элемент ». В этом случае мы можем проверить значение температуры

  2. Щелкните правой кнопкой мыши снова на элемент с точки зрения DOM и выберите перерыв на -> Атрибуты модификации

  3. Теперь выполнить действие, которое требуется для отладки (в данном случае клик пункт ° C)

Inspect Element

вы заметите, что код будет «Пауза», и вы можете отлаживать код в отладчике

Debugger

В этом случае, однако, код сжимается/минимизированы, так что будет очень трудно понять, что на самом деле происходит, но тот же подход может быть использован для других подобных ситуаций

Update:

Смотреть это Chrome Dev Tools видео для множества полезных советов по отладке: http://www.youtube.com/watch?v=BaneWEqNcpE

+0

Пока это еще не ответьте на мой вопрос, но он дает отправную точку, которая полезна. спасибо – CuriousMind

Смежные вопросы