请教js的调试方法以及调试工具

[xingzhi]

目前我只知道aptana这个工具了。但需要firebug+aptana火狐插件的配合。
因为我机子的火狐是最新版，aptana并不支持 T T
所以没调试成功。

请问前端开发，有没有一些比较常用的js调试工具？ 方法？
实在觉得js太难debug了。一处错误便导致全部无法使用——也很难找出究竟是哪错了。

请大伙指条明路，谢谢。

[hanfeizi]

在 firebug 里面 觉得自己没把握的地方下断电 F5刷新 触发那个事件。。。就可以调试了。。这是我的方法。。不过我一般喜欢alert

[xingzhi]

@hanfeizi
恩，是个简单的方法！

[supersheep]

chrome，ctrl+shift+J。
调用堆栈，变量监视，事件、dom、xhr断点，元素选择，资源列表，请求分析……
要啥有啥，爽死你。调试的地方可以在程序里加console.log替代alert

[kojp]

firebug 足矣了吧。。aptana 不是编辑器吗？

[mywaiting]

Chrome的console，纯脚本的话在NodeJS 里调试也可......偶私下觉得Chrome就可以搞定一切了，IE系的吧，嗯嗯，珍惜生命........

[hanfeizi]

@supersheep .....大神 出个教程把...目前没用过chrome那个调试工具。。

[fanzeyi]

Chrome 调试工具就足够了=_= .. 足够好用

[supersheep]

@hanfeizi 额，我很弱的其实，这东西你用用看就知道了，非常傻瓜。

[Chris_Ys]

关于 Chrome developer tools 的教程, 看这些足够:

官方文档:
http://code.google.com/chrome/devtools/docs/overview.html

Youtube 视频:
<amp-youtube data-videoid="4mf_yNLlgic" layout="responsive" width="480" height="270"></amp-youtube>&feature=share

[Chris_Ys]

@mywaiting IE8 自带的工具很不错, IE9 就更好了. 如果装了 Visual Studio, 可以启用 VS 作为调试工具, 还行.

[xingzhi]

@mywaiting @kojp @fanzeyi @Chris_Ys @supersheep

多谢回答！

原来最好的调试工具已经在手中了，而我却不知道- -

看来得好好研究一下chrome 和firebug了！

[mywaiting]

@Chris_Ys IE的东西，尤其是IE6，我现在是极力避免碰到.......我电脑上装了VS，每调试一次IE6的代码就觉得世界坍塌一次........

[Livid]

Firefox 上有 3 个插件是对开发者非常有用的：

* Web Developer
* JSONView
* Firebug

装好之后，在调试的时候，可以在 JavaScript 里用 console.log() 输出调试信息，然后在 Firebug 里就可以看到了。

[yyfearth]

console.log替代alert，因为alert会影响一些异步调用。

[FuryBean]

IDE推荐Intellij IDEA，或者精简版WebStorm。
这个IDE重构、提示很强，比aptana强不少。

[Chris_Ys]

@mywaiting IE6 没什么好说, 我们都是尽量在 IE7 上开发, IE6 能略过就略过

[duhastmich]

firefox 自己也带了些工具
* Inspect <c-s-i> 效果不错
* Console <c-s-k> 打开后可以直接敲js，带补全
* scratchpad <s-f4>

http://blog.mozilla.com/devtools/

[sunshaozong]

chrome 内置调试工具。

IE系列的就惨了些。
IE6，就直接Alert看吧。 IE7-9 有内置工具。

[Kv_se7en]

chrome developer tool + fiddler + jsLint .. enough

[WarWithinMe]

chrome自带的就已经足够了。。