JavaScript调试工具推荐

好的工具能帮助你事半功倍,至少你能很快的解决问题。或许你对于Visual Studio和Eclipse的调试器印象深刻,而对于JavaScript这样完全基于浏览器的调试无所适从(其实JavaScript的应用场景远远不止于浏览器),那么这篇简介或许能帮到你。

Internet Explorer

Microsoft Script Editor

这是Microsoft自己的一个调试器,要使用它以前确保你有Office。安装方法很简单,Word或别的Office组件中,工具->宏->Microsoft脚本编辑器,安装完以后记得安装web调试。然后在IE的高级选项中记得清除“禁用Internet Explorer调试”前的勾。

Internet Explorer Developer Toolbar

对于IE的样式而言这个实在是太关键的工具了。[下载地址]
另外要注意的是,IE8里面内置了这一款工具,而且也提供了一个非常好的调试环境,所以你完全可以信赖。

IETester

每一个Web Designer都非常痛恨IE6,与此同时,IE7与IE8之间也有着一些细小的区别。在当前IE6任然占据相当市场份额的现状之下,调试多个IE版本任然是需要的。曾经用过MultipleIE,但发现这款软件的稳定性不佳,直到后来找到这款软件。[下载地址]

Firefox

Firebug

不解释,在Firefox下这个便是王道,唯一可能比较差的就是在面对相当复杂的脚本操作的时候可能在调试脚本中会碰到一些困难。

YSlow和Page Speed

互联网大亨Yahoo!和Google的开发人员他们对于Web的经验在这两个小插件中绝对的体现,如果你想提升你的网站的性能(不是UI),那么,你最好听取他们的建议。

Safari

用Safari自己的吧,也没什么别的选择。

Chrome

同Safari,现在Chrome的插件机制并不成熟,而且,请相信Google工程师的技术能力。

Opera

Opera的DragonFly调试器也是很强大的,只是国内的O粉不多。

HTTP工具

Fiddler

Fiddler是一款Proxy,不是用来给你翻墙的,只是为了监控你的web行为,它可以看你的web请求,仿造request和response,看网页加载过程中的timeline等等。[下载地址]
注:Fiddler需要.NET Framework 2.0支持。

Comments (2)

  1. 11:34, 2009-09-15Chris  / Reply

    我喜欢用firebug + Visual Studio,哈哈

  2. 19:39, 2009-09-15小鹤  / Reply

    我痛恨IE~~~~~~~~~~~~~~~~~~~~~~~~

Leave a Reply

Allowed Tags - You may use these HTML tags and attributes in your comment.

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Pingbacks (0)

› No pingbacks yet.