第5章 开发AJAX应用程序需要使用.pptVIP

第5章 开发AJAX应用程序需要使用的工具 在前面几章中，向读者介绍了开发AJAX应用程序的语言：JavaScript的基本知识和常用对象，然后向读者介绍了操作HTML文档的接口：DOM（文档对象模型）。读者已经明白了如何编写一个操作HTML文档的JavaScript程序。工欲善其事，必先利其器。选择好的开发工具会使实际编码的工作变得更加简单和高效。本章向读者推荐一些开发AJAX应用程序可以使用的工具，例如Aptana Web IDE、firebug等等。 5.1 开发工具：Aptana Aptana提供了强大的代码提示，浏览器兼容性提示，错误提示，代码自动完成等功能，并且提供了基于firefox的调试功能，同时支持各大主流的AJAX开发框架，包括prototype、JQuery、YUI-ext等等。Aptana提供了开发者良好的编码体验，能够支持开发者进行快速高效的AJAX应用程序开发。下面，让读者来认识这款优秀的开发工具：Aptana。 5.1.1 Aptana的下载和安装 Aptana是采用Java开发的、免费的、开源的、跨平台的WEB IDE。因为采用Java开发，所以需要有JVM的支持。Aptana的官方网站是：。官方网站上的下载频道提供了Aptana的下载，其地址为：/download/。 5.1.2 Aptana的界面介绍 Aptana安装完成后，会在桌面和“开始--程序”中生成快捷方式。 5.1.3 Aptana的使用 认识了Aptana的界面后，本节开始向读者介绍如何使用Aptana。本书并不会完整的介绍如何使用Aptana的所有功能和所有细节，而只会介绍基本的操作，更多的功能需要读者在实际使用过程中去摸索和体验。 1.创建项目 2.辅助文案 3.项目资源管理 4.更改项目使用的编码 5.大纲视图 6.创建文件和文件夹 7.设置文件默认内容 8.代码提示功能 9.JavaScript对象在大纲中的实时显示 10.错误报告 5.1.4 Aptana的更新 当需要更新Aptana时，可以选择导航菜单中的“帮助—Check for Aptana Updates Now”，Aptana将会自动连接上更新服务器并检查更新。如果有可用更新，则Aptana会弹出提示窗口，让用户确认是否进行更新安装。如果没有提示，则会弹出提示用户当前版本无需更新。 5.1.5 Aptana的卸载 当需要卸载Aptana时，可以进入系统控制面板的添加删除程序，删除Aptana。 5.2 Firefox Firefox是由Mozilla基金会开发的一个自由的、开放源代码的浏览器，适用于windows、Linux和MacOs平台。它体积小速度快，并且有丰富的免费插件可以使用。Firefox给普通用户提供了良好的上网体验。Firefox同样也是面向开发者友好的。Firefox的一些高级特性，以及丰富多样的免费插件，使得Firefox成为了Web开发工作者手中的调试利器。最新版本的Firefox可以在/下载。 5.2.1 错误控制台：Error Console Firefox提供了错误控制台来显示浏览器解析网页时遇到的错误，包括JavaScript错误、CSS错误等。通过查看错误控制台，可以让开发者迅速了解程序的缺陷。开启错误控制台的方法是在Firefox功能菜单中选择“工具—错误控制台”。 5.2.2 优秀的调试插件：Firebug 1.安装Firebug 2 启用Firebug 3.Firebug界面 4.Console（控制台） 5.HTML查看器 6.CSS查看器 7.脚本查看器 8 DOM查看器 9.网络状况查看器 5.3 HTTP调试工具：Fiddler Fiddler是一款由微软公司开发的HTTP调试工具。虽然Firebug已经提供了HTTP调试的功能，但是Firebug只能在Firefox下更好的使用。当需要在IE系列浏览器下进行HTTP调试时，则可以使用Fiddler。下面向读者介绍Fiddler的下载安装和使用。 5.3.1 Fiddler的下载和安装 Fiddler可以在/Fiddler2/version.asp免费下载，如图所示。 5.3.2 使用Fiddler Fiddler的使用非常简单。只需要将Fiddler开启，Fiddler就会自动记录IE浏览器所有HTTP请求的信息。如图所示。 5.4 小结 本章向读者介绍了开发Ajax应用程序需要使用的工具，包括专业的JavaScript开发工具：Aptana的界面介绍和使用方法；优秀的Web浏览器Firefox，以及其错误控制台的使用；还有调试插件Firebug的详细介绍。最后介绍了在IE下使用的HTTP调试工具Fiddler。 * *