27 个必备的Javascript 开发工具

原创 2011年01月11日 22:26:00

 

27 个必备的Javascript 开发工具

Javascript 作为客户端脚本语言而广泛流行,对web 开发者来说它是一门非常重要的语言。下面是收集的27 JavaScript工具 ,使用它们可以很大程度的提高你的开发效率,减少错误和调试。也可以访问我的独立博客原文: Java爱好者

压缩

1)          Online Javascript Compression Tool

一个可以用一些压缩算法如JSMin   和 Packer 压缩JavaScript 文件的在线JavaScript 压缩器。压缩的JavaScript 文件是生产环境中的理想文件,因为它们常常将文件大小减小30-90% 。在很大程度上,文件尺寸的缩小是通过除去网页浏览者或访问者不需要的注释和多余的空格字符来实现的。

2)          Scriptalizer

一个将多个JavaScript 文件组合为一个文件的在线工具。

3)          Dojo ShrinkSafe

一种命令行实用程序,允许你用浏览器缩小文件大小,从而缩短响应时间。Dojo 压缩器不是建立在脆弱的规则表达式基础上的。它基于来自莫兹拉专案的JavaScript 引擎。由于一个基于真正的parse streamDojo 压缩器比基于规则表达式的工具可以更好体现代符(变量名等等)的环境。

4)          YUI Compressor

The YUI Compressor 是一种JavaScript 压缩器。去除注释和空格之外,它还可以用最小可用变量名混淆局部变量。即使在使用‘eval’‘with’ 之类构造(在这些情况下压缩并不合适),这种混淆也是安全的。与jsmin 相比,它平均节省20%

格式化

5)          JavaScript代码美化工具

这个美化工具可处理散乱或压缩的JavaScript 代码,不断对其进行快速的格式化并使其可读。

编辑程序& 集成开发环境

6)          Aptana Studio

Aptana Studio 是一个完整的网络开发环境。它提供有JavaScript 代码自动完成和调试,HTML/CSS/JavaScript 代码提示,以及对重要的Ajax 类库的支持。Aptana Studio 甚至给你页面上所有的,包括你自己的JavaScript 提供代码提示。

7)          Komodo Edit

Komodo Edit 是一种免费开放的源编辑程序。它提供自动完成,调用提示,多种语言支持,语法高亮颜色显示,语法检查,Vi emulationEmacs 快捷键绑定等等功能。扩展Komodo Edit 是其最实用的功能之一。你会发现各种对JavaScript 开发者有用的扩展(如JSLint plugin for Komodo Venkman JavaScript Debugger ,等等)。

8)          Spket IDE

Spket IDEJavaScriptXML 开发功能强大的工具包。JavaScript, XUL/XBL and Yahoo! Widget 开发功能强大的编辑器。JavaScript 编辑器有代码完成,语法高亮显示和内容概要等功能,这些功能帮助开发者高效制作出有效的JavaScript 代码。Spket IDE 为非商业用途免费提供。

测试

9)          JSLint –JavaScript的验证器

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

10)      JsUnit

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

11)      YUI Test

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

12)      Obtrusive JavaScript Checker

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

13)      Crosscheck

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

14)      JSLitmus

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

15)      JavaScriptMVC的测试插件

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

调试

16)      Javascript调试工具包

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

17)      Firebug

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

Firebug Lite   可以在IE, Opera, Safari 上使用。

18)      Venkman

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

19)      NitobiBug

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

20)      DamnIT

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

21)      JS Bin

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

22)      Blackbird

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

HTTP 监控

23)      Fiddler

Fiddler 是一种Web 调试代理,它记录你的电脑和网络之间所有的HTTP(S) 流量。可以用Fiddler 检查所有HTTP(S) 流量,设置断点,干涉进来或出去的数据。

24)      TamperData

TamperData 是一个追踪并修改http/https 请求的Firefox 扩展。可以用它做基于网络的应用程序的安全测试,追踪请求/ 回应。

25)      Live HTTP Headers

可以在浏览的时候查看网页的HTTP headers 。可以用Live HTTP Headers 调试网页应用程序,找出远端网站使用的是那种网站服务器,或者查看远端网站发送的小数据文件。

文件

26)      jGrouseDoc

jGrouseDoc 可以从源代码中的注释生成API 文件。你可以用这个工具记载你需要的所有构造—— 不仅有函数和变量,还有类文件包,界面,命名空间,包和其它。使用那种JavaScript 框架是无关紧要的—— 你可以不采取框架或工具强加的方式而以自己希望的方式记录代码

27)      JSDoc Toolkit

JavaScript 的一种文件产生器,以JavaScript 形式写成;它自动从加注的JavaScript 源代码中生成格式模版化,多页面HTML (或XML, JSON, 抑或其它文本)。

 

转载:http://java7.javaeye.com/blog/828953

 

27 个必备的Javascript 开发工具

27 个必备的Javascript 开发工具 Javascript 作为客户端脚本语言而广泛流行,对web 开发者来说它是一门非常重要的语言。下面是收集的27种 JavaScript工具 ,使用...

45个必备的JavaScript Web开发工具

JavaScript是一种灵活多变的脚本语言,它在全世界被广泛的应用在Web页面和服务器应用中。你可以因为任何目的去使用它,但是你需要一些工具。幸运的是,为了完成独特的任务,无以计数的JavaScri...

IxEdit傻瓜式JavaScript开发工具(附下载、汉化版、视频教程)

从昨天看到IxEdit以后,我就被它深深的迷住了。试用、研究、汉化,整整忙活了一天。现在就将现阶段使用的感受给大家汇报一下,也希望更多的人可以喜欢上这个超级牛B的JavaScript开发工具。 ...

不可多得的Javascript(AJAX)开发工具 - Aptana

不可多得的Javascript(AJAX)开发工具 - Aptana 作者: Administrator    2008-04-01 Aptan...

用vs开发工具调试javascript

首先,打开一个IE,并用Visual Studio打开你要调试的脚本/网页(Embeded Script),如下图。 然后呢,我们将当前的Visual Studio调试器Attach到浏...

韩顺平_轻松搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本语法_学习笔记_源代码图解_PPT文档整理

文西马龙:http://blog.csdn.net/wenximalong/ 因为js是由浏览器来解释执行的,因此这里有一个问题,不同类型的浏览器可能对js的支持不一样。 js运行原理 ...

9个最好用的JavaScript开发工具和代码编辑器

9个最好用的JavaScript开发工具和代码编辑 Web设计和开发是现今越来越流行的职业方向之一。工欲善其事,必先利其器,如果你想在这个领域出类拔萃,那么你就必须具备一些优秀的技能,例如能操作不...

分享15款很棒的 JavaScript 开发工具

在开发中,借助得力的工具可以事半功倍。今天,这篇文章向大家分享最新收集的15款非常有用的 JavaScript 开发工具。 TestSwarm: Continious & Distributed...

分享15款很棒的 JavaScript 开发工具

在开发中,借助得力的工具可以事半功倍。今天,这篇文章向大家分享最新收集的15款非常有用的 JavaScript 开发工具。 TestSwarm: Continious & Distributed...

分享15款很棒的 JavaScript 开发工具

在开发中,借助得力的工具可以事半功倍。今天,这篇文章向大家分享最新收集的15款非常有用的 JavaScript 开发工具。 TestSwarm: Continious & Distributed J...
  • sxycgxj
  • sxycgxj
  • 2011年09月12日 16:39
  • 368
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:27 个必备的Javascript 开发工具
举报原因:
原因补充:

(最多只允许输入30个字)