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

Question

在雅虎天气页面上,有一个链接标记为C将温度单位从更改Fahrenheit为Celsius.

我正在调试这个动作,并了解在将F转换为C的幕后执行的javascript是什么.调试这些事情的方式是什么？

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

Answer 1

使用Google Chrome,

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

2. 右键单击DOM视图中的元素,然后选择Break on - > Attributes modification

3. 现在执行要调试的操作(在这种情况下单击°C项)

您会注意到代码将"暂停",您可以在调试器中调试代码

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

更新:

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