27 个必备的Javascript 开发工具
Javascript 作为客户端脚本语言而广泛流行,对web 开发者来说它是一门非常重要的语言。下面是收集的27种 JavaScript工具 ,使用它们可以很大程度的提高你的开发效率,减少错误和调试。也可以访问我的独立博客原文: Java爱好者
压缩
1) Online Javascript Compression Tool
一个可以用一些压缩算法如JSMin 和 Packer 压缩JavaScript 文件的在线JavaScript 压缩器。压缩的JavaScript 文件是生产环境中的理想文件,因为它们常常将文件大小减小30-90% 。在很大程度上,文件尺寸的缩小是通过除去网页浏览者或访问者不需要的注释和多余的空格字符来实现的。
2) Scriptalizer
一个将多个JavaScript 文件组合为一个文件的在线工具。
一种命令行实用程序,允许你用浏览器缩小文件大小,从而缩短响应时间。Dojo 压缩器不是建立在脆弱的规则表达式基础上的。它基于来自莫兹拉专案的JavaScript 引擎。由于一个基于真正的parse stream ,Dojo 压缩器比基于规则表达式的工具可以更好体现代符(变量名等等)的环境。
The YUI Compressor 是一种JavaScript 压缩器。去除注释和空格之外,它还可以用最小可用变量名混淆局部变量。即使在使用‘eval’ 或‘with’ 之类构造(在这些情况下压缩并不合适),这种混淆也是安全的。与jsmin 相比,它平均节省20% 。
格式化
这个美化工具可处理散乱或压缩的JavaScript 代码,不断对其进行快速的格式化并使其可读。
编辑程序& 集成开发环境
Aptana Studio 是一个完整的网络开发环境。它提供有JavaScript 代码自动完成和调试,HTML/CSS/JavaScript 代码提示,以及对重要的Ajax 类库的支持。Aptana Studio 甚至给你页面上所有的,包括你自己的JavaScript 提供代码提示。
7) Komodo Edit
Komodo Edit 是一种免费开放的源编辑程序。它提供自动完成,调用提示,多种语言支持,语法高亮颜色显示,语法检查,Vi emulation ,Emacs 快捷键绑定等等功能。扩展Komodo Edit 是其最实用的功能之一。你会发现各种对JavaScript 开发者有用的扩展(如JSLint plugin for Komodo ,Venkman JavaScript Debugger ,等等)。
8) Spket IDE
Spket IDE 是JavaScript 和XML 开发功能强大的工具包。JavaScript, XUL/XBL and Yahoo! Widget 开发功能强大的编辑器。JavaScript 编辑器有代码完成,语法高亮显示和内容概要等功能,这些功能帮助开发者高效制作出有效的JavaScript 代码。Spket IDE 为非商业用途免费提供。
测试
JSLint 取得一个JavaScript 源代码并对其扫描。如果发现问题,它送回信息描述问题状况及在源代码中的大概位置。问题不一定就出在句法上,不过常常正是这里出错。JSLint 查看一些风格约定和结构问题,它证明不了程序是否正确。它只是提供了另一双眼睛来帮助发现问题。
10) JsUnit
JsUnit 是一个客户端(内浏览器)JavaScript 单元测试框架。它其实是JUnit 给JavaScript 的一个口岸。其中还有一个平台来在多个浏览器上以及运行不同操作系统的多个机器上的自动执行测试。
11) YUI Test
YUI Test 是一个测试框架,它针对基于浏览器的JavaScript 解决方案。你可以用YUI Test 在JavaScript 解决方案上轻松添加单元测试。
12) Obtrusive JavaScript Checker
可作为Firefox 扩展,Greasemonkey 用户脚本,以及Ubiquity 命令;Obtrusive JavaScript Checker 是一种可以扫过页面上所有元素的工具,发现带有行内事件的HTML 元素(这是有危害性的,JavaScript 应该是不张扬的)时,它给这部分加红边使其凸显。
13) Crosscheck
Crosscheck 是一个开源测试框架,验证内浏览器JavaScript 代码。它帮助你确保代码可以在Internet Explorer 和Firefox 等种种不同的浏览器上运行,而这些浏览器都不需要安装。
14) JSLitmus
JSLitmus 是一个轻量级工具用来制作JavaScript 的特定标准测试。
JavaScriptMVC 的测试库提供事件模拟,单元测试,Ajax 夹具,和一个控制台程序。
调试
16) Javascript调试工具包
JavaScript 调试工具包是一种跨浏览器调试JavaScript 的eclipse plugin ,它可以在IE,Firefox,Safari,Chrome,Opera 甚至是移动浏览器上调试JavaScript 。
17) Firebug
作为最受欢迎的网页开发程序工具,Firebug 是Firefox 的一个插件,可以用它在任何网页上现时编辑,调试和监控CSS, HTML, 和JavaScript 。它提供给JavaScript 登陆和调试控制台一些有用的功能如AJAX requests logging ,JavaScript 解释器,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 在线编辑测试JavaScript 和HTML 代码。一旦完成,你可以将URL 保存并发送给同伴来进行审查或获得帮助。
22) Blackbird
许多JavaScript 开发者仅仅使用alert() 来显示各种信息调试代码。Blackbird 在JavaScript 上提供了记录信息的简单方式以及一个引人注意的控制台程序来察看并过滤信息。
HTTP 监控
23) Fiddler
Fiddler 是一种Web 调试代理,它记录你的电脑和网络之间所有的HTTP(S) 流量。可以用Fiddler 检查所有HTTP(S) 流量,设置断点,干涉进来或出去的数据。
24) TamperData
TamperData 是一个追踪并修改http/https 请求的Firefox 扩展。可以用它做基于网络的应用程序的安全测试,追踪请求/ 回应。
可以在浏览的时候查看网页的HTTP headers 。可以用Live HTTP Headers 调试网页应用程序,找出远端网站使用的是那种网站服务器,或者查看远端网站发送的小数据文件。
文件
26) jGrouseDoc
jGrouseDoc 可以从源代码中的注释生成API 文件。你可以用这个工具记载你需要的所有构造—— 不仅有函数和变量,还有类文件包,界面,命名空间,包和其它。使用那种JavaScript 框架是无关紧要的—— 你可以不采取框架或工具强加的方式而以自己希望的方式记录代码
27) JSDoc Toolkit
JavaScript 的一种文件产生器,以JavaScript 形式写成;它自动从加注的JavaScript 源代码中生成格式模版化,多页面HTML(或XML, JSON, 抑或其它文本)。