`
specialbrian
  • 浏览: 60864 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Aptana调试JS

    博客分类:
  • JS
阅读更多

这是博客组成员$('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调试插件

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

    Aptana调试javascript图解教程

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

    Aptana插件aptana3.4.2

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

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

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

    hbuilder aptana hph插件

    2. `com.aptana.editor.js_3.0.3.201703211808.jar`:可能包含APTANA的JavaScript编辑器组件,提供JS代码高亮、自动补全等功能。 3. `com.aptana.editor.common_3.0.3.201705081701.jar`:可能是APTANA的通用编辑器...

    aptana3 IDE 使用

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

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

    在JavaScript调试方面,Aptana提供了内置的JavaScript调试器,允许设置断点、查看变量值和步进执行,这对于调试复杂的JavaScript逻辑至关重要。更重要的是,它还针对一系列流行的AJAX框架如AFLAX、Dojo、jQuery、...

    Eclipse安装 Aptana插件

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

    Aptana 3.4.2 插件1

    6. **强大的调试工具**:支持JavaScript的断点调试,可追踪代码执行过程,找出并修复错误。 ### 二、Aptana 3.4.2 插件的作用 1. **扩展语言支持**:除了基础的前端语言外,通过插件可以扩展对其他编程语言如...

    Aptana php的安装

    Aptana支持多种编程语言,如JavaScript、HTML、CSS等,并且通过扩展插件的方式,还可以支持更多的开发需求,比如PHP开发。 #### 二、为什么选择Aptana PHP插件 Aptana PHP插件是专门为Aptana IDE设计的PHP开发插件...

    aptana studio 3

    此外,Aptana Studio 3还支持调试,具备断点设置、单步执行、变量查看等调试功能,有助于快速定位和修复代码问题。 在安装过程中,`Aptana_Studio_3_Setup_3.6.1.exe`文件是主安装程序,负责在用户的计算机上安装...

    Aptana IDE 下载(官网版本)

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

    Aptana_Studio_Setup_2.0.5

     Aptana是一个基于Eclipse的集成开发环境,其最广为人知的是它非常强悍的JavaScript编辑器和调试器。去年Aptana吸收了Radrails项目,添加了非常强大的Ruby on Rails支持。但是Aptana前进的脚步并未停Aptana 止。...

    myeclipse插件_aptana插件

    5. **JS.jar**:压缩包中的`js.jar`可能是Aptana插件中的JavaScript库或组件,用于提供JavaScript相关的功能和服务,比如代码高亮、自动完成、语法检查等。 6. **META-INF**:在Java应用中,`META-INF`目录通常包含...

    Aptana 3.4.2 插件4

    4. **调试工具**:内置的调试器能够帮助开发者定位和解决代码中的错误,支持断点设置、步进执行、变量查看等功能,方便调试JavaScript代码。 5. **版本控制集成**:与Git、SVN等版本控制系统无缝集成,方便开发者...

    myeclipse 插件aptana spket properties

    Aptana提供了代码提示、调试、版本控制等全面的开发工具。在MyEclipse中集成Aptana,可以极大地提升前端开发体验。Aptana的配置文件通常包含了关于编辑器、项目设置、服务器配置等方面的细节,用户可以根据个人需求...

    MyEclipse6.5下安装aptana插件

    Aptana是一款强大的Web开发集成环境,尤其适合JavaScript、HTML和CSS的编写,提供了丰富的代码补全和调试功能。 首先,确保你选择了与MyEclipse 6.5兼容的Aptana插件版本。在本例中,我们需要的是Aptana Studio 1.2...

    aptana2.0.6

    1. **JavaScript支持**:Aptana Studio提供了全面的JavaScript编辑器,包括代码自动完成、语法高亮、错误检测以及对JavaScript库(如jQuery、Prototype等)的智能感知。这使得JavaScript开发者可以更快地编写和调试...

Global site tag (gtag.js) - Google Analytics