推荐关注 Meteor JSLint - a Javascript code quality tool jsFiddle D3.js WebStorm 推荐书目 Javascript 权威指南第 5 版
Closure: The Definitive Guide
Closure: The Definitive Guide 
这是一个创建于 5071 天前的主题，其中的信息可能已经有所发展或是发生改变。
目前我只知道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 div class="sep3"> 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 PRO 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 PRO 我现在用的就是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