18

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

ウィーターヤフー

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

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

4

1 に答える 1

40

Google Chrome を使用して、

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

  2. DOM ビューから要素を再度右クリックし、Break on -> Attributes modified を選択します。

  3. デバッグするアクションを実行します (この場合は °C 項目をクリックします)。

要素を検査

コードが「一時停止」し、デバッガーでコードをデバッグできることがわかります。

デバッガ

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

更新

この Chrome Dev Tools のビデオを見て、役に立つデバッグのヒントをたくさん確認してください: http://www.youtube.com/watch?v=BaneWEqNcpE

于 2012-11-11T20:24:03.463 に答える