一 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页能时刻跟踪变量的值,或者表达式值的改变
分享到:
相关推荐
以下将详细介绍JavaScript调试工具及其核心功能。 一、浏览器内置的开发者工具(DevTools) 1. Chrome DevTools:谷歌浏览器内置的强大开发工具,提供了Sources、Elements、Console、Network等多个面板,方便...
本文将深入探讨一些优秀的JavaScript调试工具,帮助您更好地理解和使用它们。 一、Chrome DevTools Chrome浏览器内置的DevTools是JavaScript调试的首选工具,它提供了丰富的功能,包括源代码查看、断点设置、步进...
JavaScript是Web开发中不可或缺的一部分,而作为曾经主流的浏览器,Internet Explorer(IE)提供了自己的JavaScript调试工具,使得开发者能够有效地追踪和解决代码中的问题。在IE的JavaScript调试工具中,有多个关键...
总之,`jsdt`作为一款专业的JavaScript调试工具,提供了丰富的调试功能,包括源代码查看、断点管理、步进执行、异常处理、事件监听、性能分析等,极大地提升了JavaScript开发的效率和质量。对于任何致力于提升...
JavaScript编辑和调试工具对于开发者来说至关重要,因为它们可以帮助编写、测试和优化代码,提高开发效率和代码质量。以下是对JavaScript编辑调试工具的一些详细介绍: 1. **代码编辑器**:JavaScript的编辑器通常...
标题提到的"好用的ie下javascript调试工具"显然是针对这种情况提供的一种解决方案。 在IE中,传统的JavaScript调试方法是使用微软的开发者工具(Developer Tools),它可以通过F12快捷键或右键点击页面选择“查看源...
在IT行业中,JavaScript调试是开发过程中至关重要的一环,特别是对于使用EXTJS等复杂JavaScript库的开发者来说。"IE javascript 调试工具"是专为解决这类问题而设计的,它提供了强大的功能来帮助开发者更好地理解和...
标题中的“微软的javascript调试工具”指的是微软提供的用于JavaScript编程调试的工具,这些工具通常集成在开发环境中,比如Visual Studio或Visual Studio Code。JavaScript是一种广泛使用的客户端和服务器端编程...
**JavaScript调试工具在VS2003中的应用与详解** Visual Studio 2003(简称VS2003)是微软开发的一款强大的集成开发环境(IDE),它为程序员提供了全面的开发支持,包括对JavaScript的调试功能。JavaScript,作为一...
本篇文章将详细介绍JavaScript调试工具及其使用技巧,帮助你更有效地定位和解决问题。 一、浏览器内置的开发者工具 1. Chrome DevTools:Chrome浏览器内置的强大开发者工具,提供了Sources面板用于调试JavaScript...
本文将深入探讨JavaScript调试工具及其在Web工程中的应用。 ### 1. 浏览器内置的开发者工具(DevTools) 所有现代浏览器都内置了强大的开发者工具,它们提供了丰富的调试功能。例如: - **Chrome DevTools**:...
JavaScript调试工具是Web开发中的重要组成部分,特别是在使用JavaScript构建复杂交互和动态应用时。这个"javascript调试工具(第三方集成版本)"很可能是一个集成了多种调试功能的解决方案,旨在帮助开发者更高效地...
JavaScript TCP调试工具是一种实用的开发辅助工具,专为测试和调试TCP通信协议而设计。它利用JavaScript编程语言,使得开发者能够在浏览器环境中发送TCP数据包,从而进行网络通信的测试。这个工具的独特之处在于,它...
JavaScript调试工具是开发Web应用程序时不可或缺的利器,尤其是在IE(Internet Explorer)集成版本中,它为开发者提供了深入理解代码执行过程、查找并修复错误的重要手段。JavaScript作为浏览器端的主要脚本语言,其...
此外,还有一些其他的JavaScript调试工具,例如Safari的Web Inspector、Edge的Developer Tools,以及IDE如WebStorm和IntelliJ IDEA,它们都有强大的JavaScript调试功能。 总之,熟练掌握JavaScript调试工具是提升...
JavaScript调试工具是开发JavaScript应用程序时不可或缺的利器,它们帮助开发者追踪代码执行流程,查找并修复错误,提升代码质量。在众多的JavaScript调试工具中,有一种备受推崇,它提供了丰富的功能和友好的用户...
以下是对标题和描述中涉及的知识点的详细说明,以及如何在IE和Firefox中进行JavaScript调试。 **一、JavaScript调试的重要性** JavaScript调试是开发过程中不可或缺的环节,它可以帮助开发者找出代码中的错误、性能...