`
johnston678
  • 浏览: 31018 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

JavaScript调试工具以及简单应用

    博客分类:
  • Web
阅读更多
一 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页能时刻跟踪变量的值,或者表达式值的改变
分享到:
评论

相关推荐

    js调试工具,javascript调试工具

    以下将详细介绍JavaScript调试工具及其核心功能。 一、浏览器内置的开发者工具(DevTools) 1. Chrome DevTools:谷歌浏览器内置的强大开发工具,提供了Sources、Elements、Console、Network等多个面板,方便...

    好用的javascript调试工具

    本文将深入探讨一些优秀的JavaScript调试工具,帮助您更好地理解和使用它们。 一、Chrome DevTools Chrome浏览器内置的DevTools是JavaScript调试的首选工具,它提供了丰富的功能,包括源代码查看、断点设置、步进...

    IE的JavaScript调试工具

    JavaScript是Web开发中不可或缺的一部分,而作为曾经主流的浏览器,Internet Explorer(IE)提供了自己的JavaScript调试工具,使得开发者能够有效地追踪和解决代码中的问题。在IE的JavaScript调试工具中,有多个关键...

    jsdt JavaScript 调试工具

    总之,`jsdt`作为一款专业的JavaScript调试工具,提供了丰富的调试功能,包括源代码查看、断点管理、步进执行、异常处理、事件监听、性能分析等,极大地提升了JavaScript开发的效率和质量。对于任何致力于提升...

    javascript 编辑调试工具

    JavaScript编辑和调试工具对于开发者来说至关重要,因为它们可以帮助编写、测试和优化代码,提高开发效率和代码质量。以下是对JavaScript编辑调试工具的一些详细介绍: 1. **代码编辑器**:JavaScript的编辑器通常...

    好用的 ie 下 javascript 调试工具

    标题提到的"好用的ie下javascript调试工具"显然是针对这种情况提供的一种解决方案。 在IE中,传统的JavaScript调试方法是使用微软的开发者工具(Developer Tools),它可以通过F12快捷键或右键点击页面选择“查看源...

    IE javascript 调试工具

    在IT行业中,JavaScript调试是开发过程中至关重要的一环,特别是对于使用EXTJS等复杂JavaScript库的开发者来说。"IE javascript 调试工具"是专为解决这类问题而设计的,它提供了强大的功能来帮助开发者更好地理解和...

    微软的javascript调试工具

    标题中的“微软的javascript调试工具”指的是微软提供的用于JavaScript编程调试的工具,这些工具通常集成在开发环境中,比如Visual Studio或Visual Studio Code。JavaScript是一种广泛使用的客户端和服务器端编程...

    vs2003 Javascript调试工具

    **JavaScript调试工具在VS2003中的应用与详解** Visual Studio 2003(简称VS2003)是微软开发的一款强大的集成开发环境(IDE),它为程序员提供了全面的开发支持,包括对JavaScript的调试功能。JavaScript,作为一...

    javascript 调试工具

    本篇文章将详细介绍JavaScript调试工具及其使用技巧,帮助你更有效地定位和解决问题。 一、浏览器内置的开发者工具 1. Chrome DevTools:Chrome浏览器内置的强大开发者工具,提供了Sources面板用于调试JavaScript...

    javascript 调试 工具

    本文将深入探讨JavaScript调试工具及其在Web工程中的应用。 ### 1. 浏览器内置的开发者工具(DevTools) 所有现代浏览器都内置了强大的开发者工具,它们提供了丰富的调试功能。例如: - **Chrome DevTools**:...

    javascript调试工具(第三方集成版本)

    JavaScript调试工具是Web开发中的重要组成部分,特别是在使用JavaScript构建复杂交互和动态应用时。这个"javascript调试工具(第三方集成版本)"很可能是一个集成了多种调试功能的解决方案,旨在帮助开发者更高效地...

    JAVASCRIPT TCP调试工具

    JavaScript TCP调试工具是一种实用的开发辅助工具,专为测试和调试TCP通信协议而设计。它利用JavaScript编程语言,使得开发者能够在浏览器环境中发送TCP数据包,从而进行网络通信的测试。这个工具的独特之处在于,它...

    javascript调试工具(IE集成版本)

    JavaScript调试工具是开发Web应用程序时不可或缺的利器,尤其是在IE(Internet Explorer)集成版本中,它为开发者提供了深入理解代码执行过程、查找并修复错误的重要手段。JavaScript作为浏览器端的主要脚本语言,其...

    javascript的调试工具

    此外,还有一些其他的JavaScript调试工具,例如Safari的Web Inspector、Edge的Developer Tools,以及IDE如WebStorm和IntelliJ IDEA,它们都有强大的JavaScript调试功能。 总之,熟练掌握JavaScript调试工具是提升...

    javascript调试工具

    JavaScript调试工具是开发JavaScript应用程序时不可或缺的利器,它们帮助开发者追踪代码执行流程,查找并修复错误,提升代码质量。在众多的JavaScript调试工具中,有一种备受推崇,它提供了丰富的功能和友好的用户...

    javascript 调试工具/教程,支持浏览器IE firefox

    以下是对标题和描述中涉及的知识点的详细说明,以及如何在IE和Firefox中进行JavaScript调试。 **一、JavaScript调试的重要性** JavaScript调试是开发过程中不可或缺的环节,它可以帮助开发者找出代码中的错误、性能...

Global site tag (gtag.js) - Google Analytics