JavaScript调试工具以及简单应用
2009-06-08 19:50
471 查看
一 JavaScript调试工具Aptana Eclipse插件
Aptana是一个开发JavaScript的很好的ide，且aptana提供了eclpse的插件，用起来几乎很上手而且很简单、方便.
1. 先去aptana的官方网站下载Aptana Eclipse的插件aptana_update_024313.zip.
地址：http://update.aptana.com/update/studio/3.2/
强烈推荐手动下载插件的方式而不是在线升级的方式，尤其你用的不是eclipse而是完整安装版的myeclipse。
2. 手动以link方式安装aptana插件(我用的是Myeclipse7.1完整安装版)
在C:/Program Files/Genuitec/Common/目录下新建links文件夹,在links文件夹下新建aptana.link文件,
文件内容为:path=C://Program Files//Genuitec//Aptana
再在C:/Program Files/Genuitec目录下新建Aptana,在Aptana文件夹下新建eclipse文件夹,
在Aptana Eclipse的插件aptana_update_024313.zip解压后把其中的文件夹features和plugins拷贝到eclipse文件下
3. 将Aptana编辑器设置成myeclipse默认的编辑器
在Window菜单中找到Preferences，打开的菜单中左边的树中展开General，找到Editors,
点击File Associations，然后在上边选择要设置的文件后缀名，在下边找到aptana相应的编辑器，然后点“default”即可完成默认的设置了
二 JavaScript的简单应用
1.新建一个Web Project:TestJavaScriptProject
2.新建一个静态页面index.html, 新建一个js文件js/hello.js
hello.js代码如下:
/**
* @author johnston678
*/
/**
* show hello in html
*/
function sayHello(){
alert("Hello");
}
/**
* Calculate Add
* @param {Number} a A number param
* @param {Number} b A number param
*/
function numAdd(a,b) {
return a + b;
}
/**
* return value = a + b * time
* @param {Nuber} time
* @param {Nuber} a
* @param {Nuber} b
*/
function doLoop(time,a,b) {
var result;
result = a;
for(i=0; i<time; i++) {
result = numAdd(result,b);
}
return result;
}
index.html代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd
">
<html>
<!-- 导入js文件,这个script区域中的js代码无效,这个script区域默认为空 -->
<script language="JavaScript" src="js/hello.js">
</script>
<!-- 在这个script区域中可以调用导入的js文件,编写自己的js方法 -->
<script language="JavaScript">
function doCal() {
var cal = doLoop(1,2,3);
alert(cal);
}
</script>
<head>
<title>Untitled Document</title>
</head>
<body>
This is my HTML page.<br>
<a href="javascript:sayHello()">Say Hello</a> <br>
<a href="javascript:doCal()">Do Calculate</a> <br>
</body>
</html>
3.右键点击index.html文件，选择菜单Debug AS -> JavaScript Web Application.
IDE自动启动Firefox.
在Variables页或者Expressions页能时刻跟踪变量的值，或者表达式值的改变
Aptana是一个开发JavaScript的很好的ide，且aptana提供了eclpse的插件，用起来几乎很上手而且很简单、方便.
1. 先去aptana的官方网站下载Aptana Eclipse的插件aptana_update_024313.zip.
地址：http://update.aptana.com/update/studio/3.2/
强烈推荐手动下载插件的方式而不是在线升级的方式，尤其你用的不是eclipse而是完整安装版的myeclipse。
2. 手动以link方式安装aptana插件(我用的是Myeclipse7.1完整安装版)
在C:/Program Files/Genuitec/Common/目录下新建links文件夹,在links文件夹下新建aptana.link文件,
文件内容为:path=C://Program Files//Genuitec//Aptana
再在C:/Program Files/Genuitec目录下新建Aptana,在Aptana文件夹下新建eclipse文件夹,
在Aptana Eclipse的插件aptana_update_024313.zip解压后把其中的文件夹features和plugins拷贝到eclipse文件下
3. 将Aptana编辑器设置成myeclipse默认的编辑器
在Window菜单中找到Preferences，打开的菜单中左边的树中展开General，找到Editors,
点击File Associations，然后在上边选择要设置的文件后缀名，在下边找到aptana相应的编辑器，然后点“default”即可完成默认的设置了
二 JavaScript的简单应用
1.新建一个Web Project:TestJavaScriptProject
2.新建一个静态页面index.html, 新建一个js文件js/hello.js
hello.js代码如下:
/**
* @author johnston678
*/
/**
* show hello in html
*/
function sayHello(){
alert("Hello");
}
/**
* Calculate Add
* @param {Number} a A number param
* @param {Number} b A number param
*/
function numAdd(a,b) {
return a + b;
}
/**
* return value = a + b * time
* @param {Nuber} time
* @param {Nuber} a
* @param {Nuber} b
*/
function doLoop(time,a,b) {
var result;
result = a;
for(i=0; i<time; i++) {
result = numAdd(result,b);
}
return result;
}
index.html代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd
">
<html>
<!-- 导入js文件,这个script区域中的js代码无效,这个script区域默认为空 -->
<script language="JavaScript" src="js/hello.js">
</script>
<!-- 在这个script区域中可以调用导入的js文件,编写自己的js方法 -->
<script language="JavaScript">
function doCal() {
var cal = doLoop(1,2,3);
alert(cal);
}
</script>
<head>
<title>Untitled Document</title>
</head>
<body>
This is my HTML page.<br>
<a href="javascript:sayHello()">Say Hello</a> <br>
<a href="javascript:doCal()">Do Calculate</a> <br>
</body>
</html>
3.右键点击index.html文件，选择菜单Debug AS -> JavaScript Web Application.
IDE自动启动Firefox.
在Variables页或者Expressions页能时刻跟踪变量的值，或者表达式值的改变
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript调试工具和简单应用
- Linux下正则表达式以及几种工具：grep,sed,awk,cut,sort,uniq的简单应用
- 非常酷的 Javascript 简单调试工具Blackbird
- 非常酷的 Javascript 简单调试工具Blackbird
- gdb : C语言调试工具简单应用
- javaBean类，以及Sun的java内省机制与apache的BeanUtils框架/工具简单应用
- 非常酷的 Javascript 简单调试工具Blackbird
- Javascript调试工具（下载）
- [转]WinCE 6.0 增加IOCTL以及在应用中读取调试串口输入
- JavaScript调试工具
- JSCal2-The new coolest JavaScript calendar 简单应用
- 调试selenium的扩展JS代码(FireFox中JavaScript调试工具)
- 有关Python中线程的超时控制以及一个简单的应用
- 轻量级的Javascript脚本调试工具
- easyUi的环境搭建以及简单应用
- 工欲善其事必先利其器之javascript调试工具
- 链表的头文件以及一些简单的应用
- http协议学习以及简单应用服务器编写
- 在Chrome调试JavaScript代码以及审查元素各个tab说明
- javascript中的jQuery简单应用