Как отладить конкретное событие кликов javascript?

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

Я ищу debug это действие и понимаю, что javascript выполняется за кулисами, которые преобразуют F в C. Каков способ отладки таких вещей?

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

Ответ 1

Используя Google Chrome,

  • Щелкните правой кнопкой мыши элемент, который меняет визуально, когда происходит отладка, и нажмите "Осмотреть элемент". В этом случае мы можем проверить значение температуры

  • Щелкните правой кнопкой мыши по элементу из представления DOM и выберите "Включение → Изменения атрибутов"

  • Теперь выполните действие, которое вы хотите отлаживать (в этом случае щелкните элемент ° C)

Inspect Element

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

Debugger

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

Обновление

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