如何调试 javascript？ （想定位 网页中的一些点击事件，执行了 js 文件中的哪些函数）
daiv · 2016-04-06 08:44:04 +08:00 · 2874 次点击这是一个创建于 3189 天前的主题，其中的信息可能已经有所发展或是发生改变。
对于 javascript ，只会一些简单的 jquery 。所以来请教大家如何分析网页中的一些事件的。
例如：
http://caipiao.163.com/order/jczq-hunhe/
对于那些注选项的按钮，点击后，会有一些 js 函数执行，有没有工具能进行定位+分析吗？
我尝试了一下 chrome dev tools ，不是很会用。
希望能找到一些详细的针对这个型的入门资料。
例如：
http://caipiao.163.com/order/jczq-hunhe/
对于那些注选项的按钮，点击后，会有一些 js 函数执行，有没有工具能进行定位+分析吗？
我尝试了一下 chrome dev tools ，不是很会用。
希望能找到一些详细的针对这个型的入门资料。
15 条回复 • 2016-04-07 11:38:16 +08:00
 |
1
jugelizi 2016-04-06 09:00:46 +08:00
firebug
|
 |
3
m939594960 2016-04-06 09:37:22 +08:00  1
 大概就是这样。。 |
 |
4
allenwu 2016-04-06 09:39:03 +08:00
Visual Event
|
 |
5
daiv OP |
|
7
daiv OP @m939594960 已发现问题，不会空白了，现在学习如何分析
|
 |
8
baconrad 2016-04-06 12:30:37 +08:00
|
 |
10
jsonline 2016-04-06 12:37:48 +08:00 via Android
firebug 辣鸡
用 Chrome |
 |
11
colorfulberry 2016-04-06 12:55:02 +08:00
|
|
12
daiv OP @colorfulberry 这个我用了呀，定位以后也还是显示压缩的行号
|
 |
13
ETiV 2016-04-06 14:52:56 +08:00 via iPhone
Chrome 我不知道哪儿有查看元素事件绑定的地方， Firefox firebug 就有
|
|
14
colorfulberry 2016-04-07 11:30:38 +08:00
@daiv 最下面有个{}这个点击一下就给你展开了！
[pic]: https://raw.githubusercontent.com/colorfulberry/colorfulberry.github.io/master/img/debugger_js.png "pic" |
|
15
daiv OP @colorfulberry 这个功能我知道的，我的意思是： 元素事件绑定显示的行号，和原始的一样，压缩后，基本是 1-3 行，而无法具体找出
|
Select Language