UsingAptanatoDebugJavascript.docx
- 文档编号:9011346
- 上传时间:2023-02-02
- 格式:DOCX
- 页数:10
- 大小:390.54KB
UsingAptanatoDebugJavascript.docx
《UsingAptanatoDebugJavascript.docx》由会员分享,可在线阅读,更多相关《UsingAptanatoDebugJavascript.docx(10页珍藏版)》请在冰豆网上搜索。
UsingAptanatoDebugJavascript
UsingAptanaIDEtoDebugJavascript
Angus
概述
假如你的Application中需要在web页面中添加很多的代码来满足特殊的功能需求。
假如你在使用Ajax技术来做到良好的用户体验。
编写和调试Javascipt是一件痛苦的事情,因为没有一个良好的IDE支持Javascript的运行时Debug。
Jbuilder,Eclipse,NetBeans等都没有实现这样的功能。
目前我们如何做调试呢?
用alert()方法打值,又费时又麻烦。
如果你不小心又忘记了注销掉代码中的alert,一个Bug就会等着你。
在这个小的专题中,会简单的介绍一下如何使用Aptana去调试Javascript
Aptana是一个开源的项目,官方网址是
另外在http:
//www.aptana.tv上你还能看到很多关于AptanaIDE演示的很多有意思的flash视频。
当前最新版本8b
支持的系统Windows(NT4.0/2000/XP/Vista(X86)),OSX(Intel/PPC),Linux
安装方式
1.下载单独的可执行安装包。
执行安装程序。
其中已经包含了Eclipse的IDE
2.下载ZIP,解压缩
3.下载Aptana的插件,手工安装到目前正在使用的Eclipse中。
(强烈推荐第3中方式安装,因为谁都不想做一个Project需要很多的IDE来回的切换)
功能
Aptana是一个纯面向Web设计的IDE,目前的版本包括了以下一下功能。
这些功能已经令我们非常的惊喜
●多语言(Javascript,HTML,CSS)的代码助手,还包括你自己的Javascript方法
●Outliner视图展示了你Javascript,HTML,CSS代码结构
●支持FTP/SFTP协议的上传、下载和同步
●Javascript的断点调试来发现你的代码中的问题
●代码错误和警告提示
●支持AptanaUI的定制和扩展
●夸平台的支持
●基于EclipsePublicLicense1.0的开源协议,且是免费的
●milestone9依然是一个preview版本
安装
Note:
建议使用Eclipse3.2版本,我不是很确认在3.1及以前的版本中是否能安装正常。
1.打开EclipseIDE
2.点击Help->SoftwareUpdates->FindandInstall
3.在弹出窗口中选择Searchfornewfeaturetoinstall
4.点击NewRmoteSite按钮,打开NewUpdateSite对话框
5.输入Name和URL(
6.选中AptanaIDE点击Finish按钮
7.按提示完成剩余步骤的安装
或者单独下载插件文件
安装方法请参考其他BestPractice文章。
IDE预览
这是打开Aptana透视图的页面
中间是一个非常友好的HTML,CSS,Javascript的编辑器
Aptana的配置页面如下图所示,包括了以下内容的个性化配置
1.在哪些浏览器下的代码助手
2.编辑器配置
3.Javascript调试器
4.Scripting服务器
5.启动和结束
6.同步
演示
下面通过一个简单的HelloWorld演示程序来简单的展示Aptana的编辑器和Javascript调试器。
新建一个WebProject
新建一个静态页面index.html
新建一个js文件hello.js
添加一个SayHello()方法
输入f后,能看到IDE给我们很好的代码提示功能
包括该方法,属性支持的浏览器种类
添加一个连接,调用sayHello()方法
发布到Tomcat
打开Firefox,输入地址http:
//127.0.0.1:
8080/HelloWorld/
这就是最简单的HTML页面
接下来演示一下如何调试Javascript
在hello.js文件中新增两个方法
在index.html中增加一个方法调用hello.js的函数
调试Javascript需要在Firefox下进行。
并且如果第一次运行它会自动提示你安装一个插件。
没有这个插件将不能启用断点调试功能。
注:
目前还不能支持在IE下的调试功能
在js中设置一个断点
右键点击index.html文件,选择菜单DebugAS->JavaScriptWebApplication
IDE自动启动Firefox,并显示该页面
点击DoCalcute
你会发现程序在你所设置的断点处停下,鼠标移动到变量上时能看到变量当前的值
在Variables页或者Expressions页能时刻跟踪变量的值,或者表达式值的改变
是不是已经觉得调试Javascript不再痛苦?
有了Aptana就不用再为编写JS代码而懊恼。
并且Aptana的开发工作仍然在进行中。
尾声
短短的几页文字,不能完整的把Aptana的优秀功能逐一的展示出来。
她还内置了很多的Ajax开发框架。
如Dojo,YahooYUI
她内置了对iPhone开发的支持
这些都是非常诱人的功能。
希望大家都能喜欢这个优秀的IDE工具
我的开发环境
WindowsXPSP2
JavaSDK1.5
Eclipse3.2
Aptana0.2.7.13370
FireFox2.0.0.6
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- UsingAptanatoDebugJavascript