JavaScript开发工具

http://developer.51cto.com/art/200811/95598.htm

 

你经常使用JavaScript开发吗？你使用哪些JavaScript开发工具？本文中，总结了一些非常实用的JavaScript工具，全部是免费的。使用这些工具将直接影响你的工作效率。

 

在今天网络开发方面，JavaScript起了很关键的作用；像jQuery, MooTools, Prototype等等JavaScript框架以及其它JavaScript类库让我们的生活轻松了不少。但是随着Rich Internet Applications(RIA)的面世及迅速应用，书写更强大，更坚实可靠的JavaScript的需要日益迫切。（51CTO编辑：当前Web开发界普遍认为JavaScript将会成为主流，可能会成为RIA的竞争对手。）



不管你是JavaScript新手还是经验丰富的开发者，你所使用的工具直接影响你的工作效率。开放源代码运动使得拥有得力的工具不再意味着付一大笔钱；实际上你什么都不用付出。下面是一个对JavaScript开发者真正有实用价值的免费工具列表。

测试

JSLint –JavaScript的验证器

JSLint取得一个JavaScript源代码并对其扫描。如果发现问题，它送回信息描述问题状况及在源代码中的大概位置。问题不一定就出在句法上，不过常常正是这里出错。JSLint查看一些风格约定和结构问题，它证明不了程序是否正确。它只是提供了另一双眼睛来帮助发现问题。

JsUnit 

JsUnit是一个客户端（内浏览器）JavaScript单元测试框架。它其实是JUnit给JavaScript的一个口岸。其中还有一个平台来在多个浏览器上以及运行不同操作系统的多个机器上的自动执行测试。

YUI Test

YUI Test是一个测试框架，它针对基于浏览器的JavaScript解决方案。你可以用YUI Test在JavaScript 解决方案上轻松添加单元测试。

Obtrusive JavaScript Checker 

可作为Firefox扩展，Greasemonkey用户脚本，以及Ubiquity命令；Obtrusive JavaScript Checker是一种可以扫过页面上所有元素的工具，发现带有行内事件的HTML元素（这是有危害性的，JavaScript应该是不张扬的）时，它给这部分加红边使其凸显。

Crosscheck 

Crosscheck是一个开源测试框架，验证内浏览器JavaScript代码。它帮助你确保代码可以在Internet Explorer和Firefox等种种不同的浏览器上运行，而这些浏览器都不需要安装。

JSLitmus

JSLitmus是一个轻量级工具用来制作JavaScript的特定标准测试。

JavaScriptMVC的测试插件

JavaScriptMVC的测试库提供事件模拟，单元测试，Ajax 夹具，和一个控制台程序。

调试

Javascript调试工具包 

JavaScript调试工具包是一种跨浏览器调试JavaScript的eclipse plugin，它可以在IE,Firefox,Safari,Chrome,Opera甚至是移动浏览器上调试JavaScript。

Firebug 

作为最受欢迎的网页开发程序工具，Firebug是Firefox的一个插件，可以用它在任何网页上现时编辑，调试和监控CSS, HTML, 和JavaScript。它提供给JavaScript登陆和调试控制台一些有用的功能如AJAX requests logging，JavaScript解释器，DOM explorer等等。Firebug Lite 可以在IE, Opera, 和Safari上使用。

Venkman

Venkman为基于Gecko的浏览器提供功能强大JavaScript调试环境。这个调试器以Firefox & Mozilla插件的形式使用。可以在用户界面上和控制台命令中使用断点管理，调用栈检查，变量/对象检查等功能，可以让你以最习惯的方式调剂。

NitobiBug 

NitobiBug是一种基于浏览器的JavaScript对象记录和检查工具——与Firebug作用相似。NitobiBug在可以在不同的服务器（IE6+, Safari, Opera, Firefox）上运行以提供开发各种Ajax应用程序一致且功能强大的工具。

DamnIT 

DamnIT是一种免费服务，当用户在网页上遇到JavaScript错误时它会给你发送电子邮件。

JS Bin 

JS Bin是一种在线网络应用程序，为帮助JavaScript开发者在一定情景里测试代码片段以及协作调试代码而特别设计。你可以用JS Bin在线编辑测试JavaScript和HTML代码。一旦完成，你可以将URL保存并发送给同伴来进行审查或获得帮助。

Blackbird 

许多JavaScript开发者仅仅使用alert()来显示各种信息调试代码。Blackbird在JavaScript上提供了记录信息的简单方式以及一个引人注意的控制台程序来察看并过滤信息。

 

 

===========================================

 

 

自从开始做Web开发起，一直都没有找到一个很让人满意的Javascript开发工具。从Editplus、Dreamweaver到FrontPage、Visual Studio，没有一样是很称手的。你是不是还在为Visual Studio中的那一点点智能提示感到兴奋不已？的确VS比其他的好那么一点点，但是相对于VS中的C#、VB等来说对javascript的支持实在是太少了。

下面我要向你介绍一款非常优秀的Javascript(AJAX) 开发工具：Aptana。应为它实在太棒了，所以我忍不住想向你推荐它。

Aptana中的智能提示称为 Code Assist，相当于VS中的Intellisense。

看到后面的浏览器图标了吗？那是浏览器兼容性的提示。如果你是一个JS老鸟你应该知道那对开发者来说有多重要。

不仅仅是javascript，智能提示的范围还包括DOM 1,2 for HTML：
CSS：

看到后面的黄框框了吗？那是VS里称为Quick Info的东西。

错误提示 －－ 一个都不能少：


Doument outline（文档结构）CSS、HTML、JS统一显示：


代码折叠、项目管理这些小菜不用讲了，都支持。Aptana还有很丰富的在线文档，是以wiki形式不断更新的，当然在连线的情况下你可以在Aptana中直接访问这些文档。

最新版的Aptana（0.2.6）已经开始支持Debug了，不过要通过Firefox插件的形式。

Aptana是一个java开源项目（.NET程序员应该扪心自问了吧），现在还在beta阶段（从版本号你就可以看出来了）。所以它是跨平台的。你在windows上运行它可能会觉得有一点点慢（比VS快多了）。其实Aptana的内存占用很少，才2M多，不过JVM...我就不想说什么了。

幸运的是你可以通过javascript扩展它，这里是它的API。

Aptana还有太多让人惊艳的地方，你一定要自己用过了才知道。

评论

1 楼 jasonw68 2010-02-22  

非常好