如何调试特定的javascript点击事件？

Question

在雅虎天气页面上，标有C的链接会将温度单位从Fahrenheit更改为Celsius。

我正在调试此操作，并了解在将F转换为C的幕后执行的javascript。调试此类事情的方式是什么？

链接：http://weather.yahoo.com/?w=2295401

Answer 1

使用谷歌浏览器，

1. 右键单击要进行调试的操作时“可视”更改的项目，然后单击“检查元素”。在这种情况下，我们可以检查温度值

2. 再次右键单击DOM视图中的元素，然后选择Break on - ＆gt;属性修改

3. 现在执行您要调试的操作（在这种情况下单击°C项目）



您会注意到代码将“暂停”，您可以在调试器中调试代码



然而，在这种情况下，代码被压缩/缩小，因此很难理解实际发生的情况，但同样的方法也可用于其他类似的情况

<强>更新：

观看此Chrome Dev Tools视频，了解大量有用的调试提示： http://www.youtube.com/watch?v=BaneWEqNcpE