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

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 Debug JavaScript

    Aptana Debug JavaScript教程

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

    Aptana是一个非常强大,开源,专注于JavaScript的Ajax开发IDE。(比较适合:我这样英语基础差,相对又比较懒的人。不过这个工具网上评价很高) 它的特性包括: *JavaScript,JavaScript函数,HTML,CSS语言的Code ...

    Aptana js调试插件

    在firefox安装该插件即可与Apatana进行逐行js调试。

    Aptana IDE 下载(官网版本)

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

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

    通过自己的两天研究最后终于弄出来了。压缩包内有详细的使用说明。2011-3-28日更新

    Aptana_Studio_Setup_2.0.5

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

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

    由于文件太大 ...我只留下一个链接吧 使用迅雷进行下载 编写Javascript和Ajax 十分的方便 能做把沙发 不错 接着! http://www.web20.com/downloads/current/Windows/VM/Aptana_IDE_Setup.exe

    Myeclipse和eclipse安装aptana 详细图解

    Myeclipse和eclipse安装aptana 详细图解

    Myeclipse下安装Aptana插件图解

    Myeclipse下安装Aptana插件图解

    Aptana 3.4.2 插件安装方法

    Aptana 3.4.2 插件共4分,请搜索依次下载 Aptana 3.4.2 插件1 Aptana 3.4.2 插件2 Aptana 3.4.2 插件3 Aptana 3.4.2 插件4

    Aptana插件aptana3.4.2

    MyEclipse插件、Eclipse插件,方便JavaScript学习使用

    Aptana2.0.5 EclipsePlugin part3

     Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。它的特点包括: *JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能。 *Outliner(大纲):显示JavaScript,HTML和CSS的代码结构。  *代码语法...

    Aptana RadRails

    Aptana RadRails,作为一款Eclipse的插件,主要的作用就是JavaScript的调试和智能提示,就想你跟踪Java bug那样方便,有助于提升javaweb的开发效率

    Aptana_Studio_3_Setup_3.0.2

    Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。它的特点包括: *JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能。 *Outliner(大纲):显示JavaScript,HTML和CSS的代码结构。 *代码语法错误...

    Aptana Studio

    AptanaStudio是一个基于Eclipse的集成式Web开发环境,其最广为人知的是它非常强悍的JavaScript编辑器和调试器。AptanaStudio可以支持多种AJAX和JavaScript工具箱,包括JavaScript编辑和调试。此外,Aptana还吸收了...

    Myeclipse下安装Aptana插件图解中文WORD版

    资源名称:Myeclipse下安装Aptana插件图解 中文WORD版内容简介:Aptana是一个非常强大、开源的专注于Ajax开发的开发工具。插件的选择要看自己Eclipse版本,3.5是个分水岭,3.5之前选择Aptana2,3.5及3.5之后选择...

    Aptana插件安装教程

    支持javascript ,html ,css提示的eclipse插件教程,很详细,看了之后,你也会很冲动的想去安装了

    离线安装eclipse的aptana插件详细中文WORD版

    资源名称:离线安装eclipse的aptana插件详细 中文WORD版内容简介:Aptana是一个非常强大,开源,Javascript-focused的AJAX开发IDE。 Aptana的特点包括: 1Javascript,HTML,CSS语言的Code Assist功能。 2...

Global site tag (gtag.js) - Google Analytics