`
cuiyadll
  • 浏览: 203822 次
文章分类
社区版块
存档分类
最新评论

Aptana 调试 javascript 图解教程(一)

阅读更多

Aptana 调试 javascript 图解教程(一)
前期工作
1.       你必须安装firefox浏览器;2.       到http://support.aptana.com/asap/browse/STU-1769 下载并安装aptanadebugger 及 firebug;这两个都是firefox插件;这样我们就可以调试脚本了。如果你用的是Aptana2.X版,firefox必须使用3.5.0版的或以下版本,因为上两个插件在高版本的firefox里不兼容如果你用的是Aptana3.0.0beta版,无所谓了今天就通过一个小例子,来讲下Aptana Debug JavaScript;点击下载这个例子
 
1. 在Aptana 的默认面板, 也就是右上角 Aptana图标被激活时,
   在左侧面板Project 新建一个项目[单击右键新建]
a.       新建项目 css88 , 注意: 在新建项目是是文件夹/文件的路径不要出现中文字符, 不然会无法调试, 比如不要把文件放在桌面(在中文版系统中)如图:用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋 b.       右键单击 css88 项目, 新建一个css88.js 文件 如图:用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋    2. 现在就对刚创建的css88.js进行调试
   单击右上角 debug图标
   接下来通过调试来展示Aptana Debug的各个功能 如图:
用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋          
   如果在Debug界面下,找不到功能面板,到window菜单下的show view 进行添加 如图:
用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋          
   第一步: 添加断点【双击行号, 删除也一样双击】如图:
用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋          
   第二步: 单击debug 图标 ,运行firefox 如图:
用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋
     如果在firefox中出现一下界面如图,那么你就可以调试了,用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋
         
     仔细看下firefox右下角图标Aptanadebugger 和Firebug 图标都亮了起来,及网页状态
     回到Aptana, 可以看到 如图
用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋
   第三步: 分析下右边各面板的功能
用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋 用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋 用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋  
3. 以上我对aptana的使用经验, 如果你有好的技巧不妨分享下!
 
 
 
Aptana 调试 javascript 图解教程(二)1 Firefox Debugger
参见:http://www.aptana.com/docs/index.php/Installing_the_JavaScript_debugger

前提是安装 Firebug 插件 和aptanadebugger 插件,他们的下载地址如下:

http://getfirebug.com/releases/firebug/1.2/firebug-1.2.0.xpi


http://firefox.aptana.com/update/aptanadebugger.xpi

开始调试:

选择你所需要的调试的html文件,右键点击"Debug As" 下的 “Debug...” ,其中左侧菜单中要选用 “Web Browser”,右侧的"Main" 选项卡中的 "Browser executable"中一定要填写正确的firefox.exe文件的路径,其他的默认即可,如下图:


用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋


点击 “Debug” 按钮进入调试视图,(aptana 同时会打开firefox浏览器),如下图:


用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋

另外:

如果运行debug没有相应,可以右键点击“Relaunch” 在试,如图:


用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋

有的时候在Debug选项面板中没有 "Web Browser" 菜单 只有 “Remote JS” 菜单,如图:


用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋

解决办法如下:

“Window” -> "Preferences" -> "Run/Debug" -> Launching -> Launch Configuration

将右侧 "Web Browser" 中的勾去掉。


用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋





2 IE Debugger

同上,参见 :http://www.aptana.com/docs/index.php/Installing_the_IE_debugger
 Aptana Studio 2.0 debug 调试问题2009-12-02 11:18Aptana 2.0 报这个错 launching firefox - internal server has encountered a problem
然后第一次debug跳到 http://www.aptana.com/?debugger=true&port=3726
第二次debug:也是一个 Aptana Firefox extension launching...please wait.

然后会报错:
Socket connection error. Please try shutting down and restarting your web browser, and then run 'debug' again. Accept timed out
搞来搞去,结果是firefox版本问题,把原来的3.5.5换为3.5就没问题了。

分享到:
评论

相关推荐

    Aptana调试javascript图解教程

    本教程将详细介绍如何利用Aptana进行JavaScript调试,替代常见的Firefox浏览器+Firebug组合。 首先,为了在Aptana中实现JavaScript调试,你需要安装两个关键组件:Firebug和Aptana Debugger插件。Firebug是Firefox...

    Aptana js调试插件

    Aptana js调试插件结合Firefox的Firebug扩展,为Web开发者提供了一个强大的JavaScript调试平台。通过在Aptana IDE中进行代码编写和调试,可以提升开发效率,同时保持对代码的精细控制。了解并熟练掌握这两个工具的...

    Aptana Debug JavaScript

    Aptana Debug JavaScript教程

    AptanaStudio2.0汉化教程2011-3-28日更新

    Aptana Studio是一款强大的开源集成开发环境(IDE),专为Web开发设计,特别是JavaScript、HTML和CSS等前端技术。Aptana Studio 2.0版本是该系列的一个早期版本,虽然现在可能已经被更现代的版本取代,但对于学习和...

    Aptana IDE : Javascript专用编辑器(Eclipse界面 )

    - 使用Aptana IDE内置的调试器进行JavaScript调试。 - 设置断点、单步执行代码、查看变量值等操作,帮助定位和修复错误。 4. **版本控制集成**: - Aptana IDE支持与Git等版本控制系统集成,便于代码版本管理和...

    Aptana 非常不错的Javascript 编辑开发工具

    Aptana是一款专门为JavaScript开发者设计的强大且开源的集成开发环境(IDE),专攻Ajax应用程序的构建。这款IDE因其丰富的功能和易用性而备受推崇,尤其适合那些英语基础较弱但希望提高开发效率的程序员。 首先,...

    Aptana插件aptana3.4.2

    通过安装Aptana插件,MyEclipse和Eclipse用户都能享受到针对JavaScript的智能代码提示、自动完成、代码格式化、调试工具等便利功能。 标签"插件"提示我们,Aptana是一种增强原有IDE功能的软件组件。这种扩展性是...

    hbuilder aptana hph插件

    标题中的“HBuilder APTANA PHP HPHP插件”指的是HBuilder编辑器的一款扩展插件,主要用于PHP的断点调试功能。HBuilder是一款流行的、基于Web的开发工具,尤其适用于HTML5、JavaScript以及PHP等前端和后端语言的开发...

    Myeclipse 2016下Aptana安装教程

    Aptana Studio是一个强大的开源Web开发工具,它为开发人员提供了创建、编辑、调试以及测试Web应用程序的全面功能。 在本教程中,首先会对Aptana进行简要介绍,然后提供Aptana的下载地址,接着详细阐述了如何在...

    Myeclipse和eclipse安装aptana 详细图解

    Aptana是一款专为Web开发者设计的开源IDE,它提供了对HTML、CSS、JavaScript以及PHP、Python等多语言的支持,并且集成了Git版本控制、调试工具等功能,极大地提高了Web应用的开发效率。下面我们将按照步骤来安装...

    Aptana 3.4.2 插件安装方法

    Aptana是一款强大的开源Web开发集成环境,专为JavaScript、HTML和CSS开发者设计。它基于Eclipse平台,提供了丰富的功能,如代码提示、调试、版本控制集成等,极大地提升了前端开发效率。Aptana 3.4.2是该软件的一个...

    aptana3 IDE 使用

    "aptanadebugger.xpi" 文件很可能是一个调试插件,用于增强Aptana 3的调试能力,特别是针对JavaScript应用。通过设置断点、查看变量值、单步执行等功能,开发者可以深入理解代码运行过程,定位并修复问题。 Aptana ...

    Aptana 3.4.2 插件4

    1. **集成开发环境(IDE)**:Aptana作为一款IDE,提供了一个统一的工作空间,集成了编辑器、调试器、版本控制系统和其他开发工具,使得开发流程更加高效。 2. **代码高亮和自动完成**:支持HTML、CSS和JavaScript...

    Aptana 3.4.2 插件1

    Aptana Studio 是一款强大的集成开发环境(IDE),专门针对Web开发,特别是JavaScript、HTML5和CSS3等前端技术。Aptana 3.4.2是其一个重要的版本,为开发者提供了丰富的功能和高效的开发体验。这款插件是Aptana ...

    Eclipse安装 Aptana插件

    1. **Firefox支持**:Aptana依赖Firefox的JavaScript调试工具,因此,即使你并不打算使用Firefox作为主要浏览器,也建议确保系统中已经安装了Firefox,以防止可能出现的调试问题或其它不可预知的错误。 2. **版本...

    aptana2.0.6

    6. **社区支持**:作为一个开源项目,Aptana Studio拥有活跃的社区,用户可以在这里找到帮助、教程和插件,以扩展IDE的功能。 在提供的压缩包中,我们可以看到以下文件和目录: - `index.html`:通常是一个欢迎...

    Aptana IDE 下载(官网版本)

    Aptana是一个基于Eclipse的集成开发环境,其最广为人知的是JavaScript编辑器和调试器。2011年Aptana吸收了Radrails项目,添加了Ruby on Rails支持。 如今Aptana Studio 1.0支持如下几大方面的开发功能:1、AJAX开发...

Global site tag (gtag.js) - Google Analytics