这是博客组成员$('demo’)原创的Aptana Debug JavaScript教程,由于图片发布的原因,$('demo’)交予我发布的,我对本文的少许文字做了修改。感谢$('demo’)!
前期工作
1. 你必须安装firefox浏览器;
2. 到http://support.aptana.com/asap/browse/STU-1769 下载并安装aptanadebugger 及 firebug;这两个都是firefox插件;
这样我们就可以调试脚本了。
今天就通过一个小例子,来讲下Aptana Debug JavaScript;点击下载这个例子
1. 在Aptana 的默认面板, 也就是右上角 Aptana图标被激活时,
在左侧面板Project 新建一个项目[单击右键新建]
a. 新建项目 css88 , 注意: 在新建项目是是文件夹/文件的路径不要出现中文字符, 不然会无法调试, 比如不要把文件放在桌面(在中文版系统中)如图:
b. 右键单击 css88 项目, 新建一个css88.js 文件 如图:
2. 现在就对刚创建的css88.js进行调试
单击右上角 debug图标
接下来通过调试来展示Aptana Debug的各个功能 如图:
如果在Debug界面下,找不到功能面板,到window菜单下的show view 进行添加 如图:
第一步: 添加断点【双击行号, 删除也一样双击】如图:
第二步: 单击debug 图标 ,运行firefox 如图:
如果在firefox中出现一下界面如图,那么你就可以调试了,
仔细看下firefox右下角图标Aptanadebugger 和Firebug 图标都亮了起来,及网页状态
回到Aptana, 可以看到 如图
第三步: 分析下右边各面板的功能
3. 以上我对aptana的使用经验, 如果你有好的技巧不妨分享下!
如果是在使用aptana过程中遇到难题, 请留言,大家一起解决难题,或者加入javascript讨论qq群(7617538)。
分享到:
相关推荐
Aptana js调试插件结合Firefox的Firebug扩展,为Web开发者提供了一个强大的JavaScript调试平台。通过在Aptana IDE中进行代码编写和调试,可以提升开发效率,同时保持对代码的精细控制。了解并熟练掌握这两个工具的...
本教程将详细介绍如何利用Aptana进行JavaScript调试,替代常见的Firefox浏览器+Firebug组合。 首先,为了在Aptana中实现JavaScript调试,你需要安装两个关键组件:Firebug和Aptana Debugger插件。Firebug是Firefox...
通过安装Aptana插件,MyEclipse和Eclipse用户都能享受到针对JavaScript的智能代码提示、自动完成、代码格式化、调试工具等便利功能。 标签"插件"提示我们,Aptana是一种增强原有IDE功能的软件组件。这种扩展性是...
- 使用Aptana IDE内置的调试器进行JavaScript调试。 - 设置断点、单步执行代码、查看变量值等操作,帮助定位和修复错误。 4. **版本控制集成**: - Aptana IDE支持与Git等版本控制系统集成,便于代码版本管理和...
2. `com.aptana.editor.js_3.0.3.201703211808.jar`:可能包含APTANA的JavaScript编辑器组件,提供JS代码高亮、自动补全等功能。 3. `com.aptana.editor.common_3.0.3.201705081701.jar`:可能是APTANA的通用编辑器...
"aptanadebugger.xpi" 文件很可能是一个调试插件,用于增强Aptana 3的调试能力,特别是针对JavaScript应用。通过设置断点、查看变量值、单步执行等功能,开发者可以深入理解代码运行过程,定位并修复问题。 Aptana ...
在JavaScript调试方面,Aptana提供了内置的JavaScript调试器,允许设置断点、查看变量值和步进执行,这对于调试复杂的JavaScript逻辑至关重要。更重要的是,它还针对一系列流行的AJAX框架如AFLAX、Dojo、jQuery、...
1. **Firefox支持**:Aptana依赖Firefox的JavaScript调试工具,因此,即使你并不打算使用Firefox作为主要浏览器,也建议确保系统中已经安装了Firefox,以防止可能出现的调试问题或其它不可预知的错误。 2. **版本...
6. **强大的调试工具**:支持JavaScript的断点调试,可追踪代码执行过程,找出并修复错误。 ### 二、Aptana 3.4.2 插件的作用 1. **扩展语言支持**:除了基础的前端语言外,通过插件可以扩展对其他编程语言如...
Aptana支持多种编程语言,如JavaScript、HTML、CSS等,并且通过扩展插件的方式,还可以支持更多的开发需求,比如PHP开发。 #### 二、为什么选择Aptana PHP插件 Aptana PHP插件是专门为Aptana IDE设计的PHP开发插件...
此外,Aptana Studio 3还支持调试,具备断点设置、单步执行、变量查看等调试功能,有助于快速定位和修复代码问题。 在安装过程中,`Aptana_Studio_3_Setup_3.6.1.exe`文件是主安装程序,负责在用户的计算机上安装...
Aptana是一个基于Eclipse的集成开发环境,其最广为人知的是JavaScript编辑器和调试器。2011年Aptana吸收了Radrails项目,添加了Ruby on Rails支持。 如今Aptana Studio 1.0支持如下几大方面的开发功能:1、AJAX开发...
Aptana是一个基于Eclipse的集成开发环境,其最广为人知的是它非常强悍的JavaScript编辑器和调试器。去年Aptana吸收了Radrails项目,添加了非常强大的Ruby on Rails支持。但是Aptana前进的脚步并未停Aptana 止。...
5. **JS.jar**:压缩包中的`js.jar`可能是Aptana插件中的JavaScript库或组件,用于提供JavaScript相关的功能和服务,比如代码高亮、自动完成、语法检查等。 6. **META-INF**:在Java应用中,`META-INF`目录通常包含...
4. **调试工具**:内置的调试器能够帮助开发者定位和解决代码中的错误,支持断点设置、步进执行、变量查看等功能,方便调试JavaScript代码。 5. **版本控制集成**:与Git、SVN等版本控制系统无缝集成,方便开发者...
Aptana提供了代码提示、调试、版本控制等全面的开发工具。在MyEclipse中集成Aptana,可以极大地提升前端开发体验。Aptana的配置文件通常包含了关于编辑器、项目设置、服务器配置等方面的细节,用户可以根据个人需求...
Aptana是一款强大的Web开发集成环境,尤其适合JavaScript、HTML和CSS的编写,提供了丰富的代码补全和调试功能。 首先,确保你选择了与MyEclipse 6.5兼容的Aptana插件版本。在本例中,我们需要的是Aptana Studio 1.2...
1. **JavaScript支持**:Aptana Studio提供了全面的JavaScript编辑器,包括代码自动完成、语法高亮、错误检测以及对JavaScript库(如jQuery、Prototype等)的智能感知。这使得JavaScript开发者可以更快地编写和调试...