推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
这是一个创建于 4748 天前的主题，其中的信息可能已经有所发展或是发生改变。
目前我只知道aptana这个工具了。但需要firebug+aptana火狐插件的配合。
因为我机子的火狐是最新版，aptana并不支持 T T
所以没调试成功。
请问前端开发，有没有一些比较常用的js调试工具？ 方法？
实在觉得js太难debug了。一处错误便导致全部无法使用——也很难找出究竟是哪错了。
请大伙指条明路，谢谢。
因为我机子的火狐是最新版，aptana并不支持 T T
所以没调试成功。
请问前端开发，有没有一些比较常用的js调试工具？ 方法？
实在觉得js太难debug了。一处错误便导致全部无法使用——也很难找出究竟是哪错了。
请大伙指条明路，谢谢。
 |
1
hanfeizi 2011-11-22 22:31:03 +08:00
在 firebug 里面 觉得自己没把握的地方下断电 F5刷新 触发那个事件。。。就可以调试了。。这是我的方法。。不过我一般喜欢alert
|
 |
3
supersheep 2011-11-22 22:54:47 +08:00
chrome，ctrl+shift+J。
调用堆栈，变量监视，事件、dom、xhr断点，元素选择，资源列表，请求分析…… 要啥有啥，爽死你。调试的地方可以在程序里加console.log替代alert |
 |
4
kojp 2011-11-22 22:58:26 +08:00
firebug 足矣了吧。。aptana 不是编辑器吗？
|
 |
5
mywaiting 2011-11-22 22:59:51 +08:00
Chrome的console，纯脚本的话在NodeJS 里调试也可......偶私下觉得Chrome就可以搞定一切了，IE系的吧，嗯嗯，珍惜生命........
|
|
6
hanfeizi 2011-11-22 23:09:57 +08:00
@supersheep .....大神 出个教程把...目前没用过chrome那个调试工具。。
|
 |
7
fanzeyi 2011-11-22 23:13:43 +08:00
Chrome 调试工具就足够了=_= .. 足够好用
|
|
8
supersheep 2011-11-22 23:19:49 +08:00
@hanfeizi 额，我很弱的其实，这东西你用用看就知道了，非常傻瓜。
|
 |
9
Chris_Ys 2011-11-22 23:30:57 +08:00
关于 Chrome developer tools 的教程, 看这些足够:
官方文档: http://code.google.com/chrome/devtools/docs/overview.html Youtube 视频: &feature=share |
|
10
Chris_Ys 2011-11-22 23:32:00 +08:00
@mywaiting IE8 自带的工具很不错, IE9 就更好了. 如果装了 Visual Studio, 可以启用 VS 作为调试工具, 还行.
|
 |
11
xingzhi OP @mywaiting @kojp @fanzeyi @Chris_Ys @supersheep
多谢回答！ 原来最好的调试工具已经在手中了，而我却不知道- - 看来得好好研究一下chrome 和firebug了！ |
|
12
mywaiting 2011-11-23 03:29:02 +08:00
@Chris_Ys IE的东西，尤其是IE6，我现在是极力避免碰到.......我电脑上装了VS，每调试一次IE6的代码就觉得世界坍塌一次........
|
 |
13
Livid MOD Firefox 上有 3 个插件是对开发者非常有用的：
* Web Developer * JSONView * Firebug 装好之后，在调试的时候，可以在 JavaScript 里用 console.log() 输出调试信息，然后在 Firebug 里就可以看到了。 |
 |
14
yyfearth 2011-11-23 08:55:11 +08:00
console.log替代alert，因为alert会影响一些异步调用。
|
 |
15
FuryBean 2011-11-23 08:59:11 +08:00
IDE推荐Intellij IDEA，或者精简版WebStorm。
这个IDE重构、提示很强，比aptana强不少。 |
 |
17
duhastmich 2011-11-24 12:28:15 +08:00
firefox 自己也带了些工具
* Inspect <c-s-i> 效果不错 * Console <c-s-k> 打开后可以直接敲js，带补全 * scratchpad <s-f4> http://blog.mozilla.com/devtools/ |
 |
18
sunshaozong 2011-11-24 12:46:43 +08:00
chrome 内置调试工具。
IE系列的就惨了些。 IE6，就直接Alert看吧。 IE7-9 有内置工具。 |
 |
19
Kv_se7en 2011-11-24 13:24:32 +08:00
chrome developer tool + fiddler + jsLint .. enough
|
 |
20
WarWithinMe 2011-11-24 13:29:50 +08:00
chrome自带的就已经足够了。。
|
 |
21
people2net 2011-12-06 18:30:33 +08:00
Firefox 上可以用 firebug, 然后， IE可以考虑用 Companion.JS，Chrome自己也带debug工具， 详细介绍可以看看我的这个文章： http://www.gbin1.com/technology/javascript/javascriptdebugtools2/。调试jQuery还可以使用Firefox的插件Firequery。
|
 |
22
reducm 2011-12-06 18:43:06 +08:00 via Android
try catch+firebug足够好用，chrome调试工具字比较小不喜
|
 |
23
raptium 2011-12-06 20:40:25 +08:00
我本以为 chrome 上的够用了 结果发现下断点之后 crash 得实在太离谱了
还是转用 firebug 吧，至少不会 crash |
 |
24
qiayue 2011-12-06 20:49:10 +08:00
我现在用的就是chrome，自带的debug搞定了我暂时所需的一切
|
 |
26
orzzzzz 2011-12-06 21:45:34 +08:00
|
 |
27
weicaizhi 2012-03-29 23:20:42 +08:00
在用firebug，不过在这帖子里也学习了不少。。
|
Select Language