ajax与java高级程序设计 学习摘要，开发工具

第二章 开发工具

1．Javascript源代码编辑器

JSEclipse：InterAKT提供的JSEclipse是最先进的javascript编辑器之一。JSEclipse是针对Eclipse开发平台的免费插件。它支持的功能有：代码完成，大纲浏览，错误报告，代码换行，等等。

安装过程选择Help->SoftWare Updates->Find and Install，打开Eclipse的插件安装向导。选择Search for new features to install并单击Next。单击New Remote Site按钮，并在弹出窗口的Name文本框中输入InterAKT Online，在URL文本框输入http://www.interaktonline.com/然后单击OK按钮。

 

2．Dojo工具包的javascript压缩器

目前，广大开发人员普遍使用的Javascript压缩器和混淆器是由Dojo工具包提供的，其下载网址是www.dojotoolkit.org/docs/compressor_system.html。与很多javascript压缩器一样，dojo的压缩器也是通过除去注释和运算符两边的空格，用更短的名字替换变量名这样的手段来压缩javascript源文件的。不同之处在于其压缩并混淆javascript源代码的方式。很多javascript混淆器使用正则表达式来去除空格和注释。正则表达式很容易失效，而且也不具备上下文信息，而上下文正是决定变量名作用域的关键。Dojo压缩器使用Mozilla基金会提供的javascript引擎Rhino。Rhino使得Dojo压缩器具有了确定变量名上下文和作用域的能力。因为Rhino是一款实时javascript解释器，所以Dojo压缩器能够确定变量名的作用域并安全地缩短变量名，而不会造成任何问题。

DoJO压缩器的主要目的是维护公共API的兼容性，并确保压缩后的脚步功能与压缩前完全一致。即使Dojo压缩器缩短了变量名，那也是为了缩小文件，而不是为了混淆。试图在缩小文件与可读性和可调试性之间达成良好的平衡。

Dojo压缩器被打包成一个单独的JAR文件custom-rhino.jar

Java –jar custom_rhino.jar –c uncompressed.js > compressed.js

压缩比：原size：16.6KB size on disk：20.0KB

    压缩后size：5.95KB size on disk：8.0KB

 

3.查看DOM结构

Mouseover DOM Inspector：它提供了一种十分方便的查看网页DOM结构的方法。该查看器被实现为一个收藏夹项，只需简单地在文档上移动鼠标就可以查看并修改网页的DOM。开发人员可以通过访问www.slayeroffice.com/tools/modi/v2.0/modi_help.html安装该查看器。

实际用处：迅速创建原型。比如你正处在开发的某个迭代的中途，并且将要给你的客户展示你的最新工作情况。客户查看了你创建好的页面，并认为某段文本是多余的，而另一段应该移到页面的底部。这时，你不必修改JSP页面并重新部署应用，可以使用它轻松地修改页面并立即得到修改结果。

 

4.调试Ajax请求

Firefox的firebug扩展：FireBug是FireFox的一个扩展，其开发者把它描述为javascript控制台(console)，Dom查看起和命令行式的javascript解释器的组合。此外，FireBug还包含一个叫做XMLHttpRequest Spy的功能，它允许查看使用XMLHttpRequest对象处理的请求和响应。FireBug的主页是http://addons.mozilla.org/extensions/moreinfo.php?id=1843&application=firefox。

在安装好FireBug并重新启动Firefox后，首先会注意到FireBug在Firefox窗口的底部，使用F12可以进行切换。可以通过options->Show XMLHttpRequests来激活XMLHttpRequest Spy。

FireBug是Web开发工具箱的一个强大支援，它可以帮助你迅速诊断问题并更好地理解网页结构和CSS规则。FireBug最好的功能是它可以捕捉请求，响应，以及与使用XMLHttpRequest对象发送的Ajax请求相关的Javascript信息。

 

5.JavaScript日志

Log4JS：它在思想上与Apache的log4j类似，把日志输出到一个可定制的日志类种。可以在http://log4js.sourceforge.net上找到它。可以使用的日志类有四个：alert，write，popup和console。Alert日志类把日志消息显示在警告对话框中。Write日志类把日志写入浏览器的一个新的页面。Popup日志类把日志写入一个单独的浏览器窗口，这有利于跟踪日志消息。最后，console日志类把日志写到safari的控制台，如果浏览器不是safari，则把日志写入一个对话框。

Lumberjack：是另一款基于javascript的日志记录实用工具，其网址是http://gleepglop.com/javascripts/logger。和Log4JS一样，它页受到Apache log4j的启发。

Lumberjack与其它javascript日志框架的不同之处在于它显示日志信息的方法。Lumberjack把所有的日志信息都写入一个特殊的窗口，使用Alt+D（在Mac OS X上是Cmd+D）组合键可以激活这个窗口。这个输出窗口是一个显示在网页底部的浮动窗口，即使在上下文滚动网页的时候，它的位置页不会改变。这个输出窗口还包含一个基于正则表达式的过滤器，所以只会显示指定类型的错误。同时，它还包含一个javascript命令行，可以在其中输入javascript命令。

Lumberjack需要Prototype库，可以在http://prototype.conio.net上找到这个库。由于这种依赖性，当HTML页面中使用<script>标签分别引入它们的javascript文件时，一定要把prototype列在lumberjack之前。浏览器会根据javascript文件在HTML页面中列出的顺序读取并执行他们。如果把lumberjack列在prototype之前，那么当浏览器尝试执行lumberjack脚本的时候就会发生错误，因为找不到未被执行的prototype脚本中的值。

与使用Log4JS时需要创建单独的日志类不同，Lumberjack把所有的日志方法都作为Logger类的静态方法公开。Logger类共公开了4个日志方法：info,debug,warning和error。每个方法都接受一个代表被记录信息的字符串参数。Logger类还公开了一个log方法，它接受两个参数:代表被记录信息的字符串和代表日志级别的字符串。

 

 

6.javascript调试工具

Venkman：可以从www.mozilla.org/projects/venkman/获得。

 

7.测试工具

JsUnit：下载地址：www.jsunit.net。

Selenium：是一款针对web应用的测试工具，可以在www.openqa.com/selenium上找到它。其主要目的有两个：浏览器兼容性测试和系统功能测试。Jsunit更侧重于单元测试，而selenium更侧重于可接受性测试，因此它们两者是互补。

工具：selenium IDE 主页：www.openqa.org/selenium-ide。