javascript - 怎么用firebug分析网页中的js

Question

我会用firebug来分析页面的css和html,但是不懂得如何分析网页上的应用,例如,一个网页小游戏按下某一个键后会触发什么js事件, 所以我想问问改怎么弄
http://www.webhek.com/misc/inverter
上面是一个蓝色拼图的游戏,就以这个游戏为例吧! 比如说,点击小方块颜色是怎么翻转的,"当前点击次数"和 "总点击次数"又是什么js函数计算出来的

Answer 1

像这种其实我个人还是觉得工具是辅助，想想怎么实现游戏逻辑才是重要的。你可以在呢开始之前，自己先意淫一下游戏的逻辑，执行过程等。
最后，奉上一个我觉得还不错的视频：http://www.imooc.com/learn/137
其实Chrome 的Dev Tools也是不错的

Answer 2

1.安装Firebug。
2.F12打开Firebug。
3.点击七星瓢虫右边那个按钮，就是第二个，如下图。

4.移动鼠标打页面，选中你说的小方块。
5.回到Firebug的界面，看右边，分别是样式，布局和事件等，你点击事件就可以知道该元素有什么事件了。
6.使用完手动关闭Firebug，以防内存泄漏(哈哈，玩笑哈。)。