IDEs

NetBeans, IntelliJ, 以及 Eclipse 等ide都内置或者插件支持javascript的编辑开发。eclipse的插件很丰富,我个人认为 aptana 的html/css/javascript开发插件做的比较专业。

Firebug

这个鼎鼎大名的firefox插件不用多说。它的出现是划时代的。用作者的一句话说就是”开发web应用没有firebu就像用vi编写java代码–虽然可以完成,但不值得忍受这样的痛苦”。

Firebug Lite

Firebug Lite 是为非firefox的浏览器准备的。只需要在页面里包含一个js,就可以在其他浏览器中享受firebug带来的便利。或者把它作为一个bookmarklet收藏到收藏夹里,在需要调试的页面运行就可以。

YSlow

YSlow是一个firebug的插件,由Yahoo!的开发团队开发。用来给网页提供优化建议。

Hammerhead

Hammerhead 是个检测网页加载速度以及提供便利的清空cache操作的firefox插件。

测试JavaScript 代码

JsUnit

JsUnit是一个javascript测试框架,类似于java中的JUnit。它提供一个**JsUnit Server, **这样你可以把JsUnit tests 并入你的 continuous-integration (CI) server,在服务器端用JUnit或者Ant脚本测试Javascript。它提供跨浏览器跨系统的javascript测试。

JSSpec

JSSpec将 BDD(behavior driven development)带入了Javascript。可用来进行Javascript的无人职守测试,不过它只能在浏览器中运行。

YUI Test

YUI Test 是一个javascript测试世界里的新成员。和JsUnit和JSSpec不同的是,YUI Test允许你模拟基本的用户行为 例如鼠标点击和键盘事件,它允许暂停测试,等待对服务器的异步请求返回结果。

Crosscheck

Crosscheck,顾名思义,它是检查javascript跨平台功能的一个程序。它运行在JVM之上,不需要启动浏览器就可以进行测试。因为它内部模拟了各种的 浏览器/操作系统 组合。

测试UI

Selenium

Selenium 是ThoughtWorks开发的一款web测试工具,是一个firefox插件。它可以记录鼠标点击,键盘键入等用户操作用于测试。你还可以在浏览器中进行回放。

Watir

Watir是ThoughtWorks开发的另一款web测试工具,是专门为quality-assurance (QA)人员开发的工具。

其他小工具

JSLint

JSLint可以检查你的javascript代码,然后找出其中的错误或者不良操作并给出修改建议。

压缩工具

Javascript的压缩工具很多,例如:JSMinYUI Compressor

文档工具

Javascript虽然没有类似于Java Doc的标准,但也有类似的替代品。如Prototype 的 PDoc, YUI 的 YUI Doc

结论

JavaScript开发地位越来越重要,不应该让JavaScript的开发降级到用alert和文字编辑器的程度。今天,我们有IDE的自动完成,全方位的调试工具,以及各种测试工具。 今天,JavaScript在任何Web应用中都是一流公民,JavaScript开发者应该有世界一流的开发工具用来制作世界一流的互动应用。

关于本文

本文是Ajax: Tools of the trade的摘要翻译。原文请参看: