JavaScript调试工具以及简单应用

最新推荐文章于 2024-04-24 19:39:57 发布

iteye_2597

最新推荐文章于 2024-04-24 19:39:57 发布

阅读量82

点赞数

分类专栏： Web 文章标签： JavaScript Aptana Eclipse Myeclipse IDE ViewUI

本文链接：https://blog.csdn.net/iteye_2597/article/details/82035801

版权

Web 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一 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页能时刻跟踪变量的值，或者表达式值的改变

iteye_2597

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript调试工具以及简单应用

一 JavaScript调试工具Aptana Eclipse插件Aptana是一个开发JavaScript的很好的ide，且aptana提供了eclpse的插件，用起来几乎很上手而且很简单、方便.1. 先去aptana的官方网站下载Aptana Eclipse的插件aptana_update_024313.zip.地址：http://update.aptana.com/update/s...
复制链接

扫一扫