特定のJavaScriptクリックイベントをデバッグする方法は？

Question

Yahoo天気ページには、温度単位をCからFahrenheitに変更するCelsiusというラベルの付いたリンクがあります。

私はこのアクションのデバッグを探しており、FをCに変換する舞台裏でどのjavascriptが実行されるかを理解しています。そのようなものをデバッグする方法は何ですか？

リンク： http://weather.yahoo.com/?w=2295401

Answer 1

Google Chromeを使用して、

1. デバッグするアクションが実行されたときに「視覚的に」変化するアイテムを右クリックし、「要素の検査」をクリックします。この場合、温度値を検査できます

2. DOMビューから要素をもう一度右クリックし、[中断]-> [属性の変更]を選択します。

3. 次に、デバッグするアクションを実行します（この場合は°Cアイテムをクリックします）

コードが「一時停止」し、デバッガーでコードをデバッグできることに気付くでしょう。

ただし、この場合、コードは圧縮/縮小されているため、実際に何が起こっているのかを理解するのは非常に困難ですが、他の同様の状況でも同じアプローチを使用できます。

更新：

これを見るChromeデバッグツールのビデオで役立つデバッグのヒントがたくさんあります： http://www.youtube.com/watch?v=BaneWEqNcpE