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 图解教程(一)_第1张图片b.       右键单击 css88 项目, 新建一个css88.js 文件 如图:Aptana 调试 javascript 图解教程(一)_第2张图片   2. 现在就对刚创建的css88.js进行调试
   单击右上角 debug图标
   接下来通过调试来展示Aptana Debug的各个功能 如图:
Aptana 调试 javascript 图解教程(一)_第3张图片         
   如果在Debug界面下,找不到功能面板,到window菜单下的show view 进行添加 如图:
Aptana 调试 javascript 图解教程(一)_第4张图片         
   第一步: 添加断点【双击行号, 删除也一样双击】如图:
Aptana 调试 javascript 图解教程(一)_第5张图片         
   第二步: 单击debug 图标 ,运行firefox 如图:
Aptana 调试 javascript 图解教程(一)_第6张图片
     如果在firefox中出现一下界面如图,那么你就可以调试了,Aptana 调试 javascript 图解教程(一)_第7张图片
         
     仔细看下firefox右下角图标Aptanadebugger 和Firebug 图标都亮了起来,及网页状态
     回到Aptana, 可以看到 如图
Aptana 调试 javascript 图解教程(一)_第8张图片
   第三步: 分析下右边各面板的功能
Aptana 调试 javascript 图解教程(一)_第9张图片Aptana 调试 javascript 图解教程(一)_第10张图片Aptana 调试 javascript 图解教程(一)_第11张图片 
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 图解教程(一)_第12张图片


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


Aptana 调试 javascript 图解教程(一)_第13张图片

另外:

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


Aptana 调试 javascript 图解教程(一)_第14张图片

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


Aptana 调试 javascript 图解教程(一)_第15张图片

解决办法如下:

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

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


Aptana 调试 javascript 图解教程(一)_第16张图片





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)