如何调试 javascript？ （想定位 网页中的一些点击事件，执行了 js 文件中的哪些函数）

[daiv]

对于 javascript ，只会一些简单的 jquery 。所以来请教大家如何分析网页中的一些事件的。

例如：
http://caipiao.163.com/order/jczq-hunhe/
对于那些注选项的按钮，点击后，会有一些 js 函数执行，有没有工具能进行定位+分析吗？

我尝试了一下 chrome dev tools ，不是很会用。

希望能找到一些详细的针对这个型的入门资料。

[jugelizi]

firebug

[daiv]

@jugelizi 第一次用 firebug ，我现在去试试，

[m939594960]

大概就是这样。。

[allenwu]

Visual Event

[daiv]

@m939594960 为什么我的是空白的？

[daiv]

@allenwu Visual Event 我试了 chrome 的扩展，不是很好用。谢谢你

[daiv]

@m939594960 已发现问题，不会空白了，现在学习如何分析

[baconrad]

@daiv

https://developer.chrome.com/devtools/docs/javascript-debugging

這篇介紹的挺詳細的，可以下斷點和逐步執行。

[daiv]

@baconrad 要是 js 代码被压缩了，断点就很不好弄呀

[jsonline]

firebug 辣鸡
用 Chrome

[colorfulberry]

@daiv chrome 点击那个括就可以展开
https://raw.githubusercontent.com/colorfulberry/colorfulberry.github.io/master/img/debugger_js.png

[daiv]

@colorfulberry 这个我用了呀，定位以后也还是显示压缩的行号

[ETiV]

Chrome 我不知道哪儿有查看元素事件绑定的地方， Firefox firebug 就有

[colorfulberry]

@daiv 最下面有个{}这个点击一下就给你展开了！
[pic]: https://raw.githubusercontent.com/colorfulberry/colorfulberry.github.io/master/img/debugger_js.png "pic"

[daiv]

@colorfulberry 这个功能我知道的，我的意思是： 元素事件绑定显示的行号，和原始的一样，压缩后，基本是 1-3 行，而无法具体找出