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 , 注意: 在新建项目是是文件夹/文件的路径不要出现中文字符, 不然会无法调试, 比如不要把文件放在桌面(在中文版系统中)如图:
b.
右键单击 css88 项目, 新建一个css88.js 文件 如图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/DA_VeI6M1R3d3pAGzre6jw==/5775022097173064783.jpg)
2. 现在就对刚创建的css88.js进行调试
单击右上角 debug图标
接下来通过调试来展示Aptana Debug的各个功能 如图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/qe0DkCjRe141edBU2n1yBg==/5775022097173064784.jpg)
如果在Debug界面下,找不到功能面板,到window菜单下的show view 进行添加 如图:
第一步: 添加断点【双击行号, 删除也一样双击】如图:
第二步: 单击debug 图标 ,运行firefox 如图:
如果在firefox中出现一下界面如图,那么你就可以调试了,
仔细看下firefox右下角图标Aptanadebugger 和Firebug 图标都亮了起来,及网页状态
回到Aptana, 可以看到 如图
第三步: 分析下右边各面板的功能
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/Ek5ya9J_NR60xy17CX8LTw==/5775022097173064790.jpg)
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/yvFv_ChCibjiI1zSjj50KQ==/5775022097173064791.jpg)
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/4-A5M-QSeYZo2YecCrgHsA==/5775022097173064792.jpg)
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教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/ra7ppmciy7DsTZCO2kzWKg==/5775022097173064793.jpg)
点击 “Debug” 按钮进入调试视图,(aptana 同时会打开firefox浏览器),如下图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/ra7ppmciy7DsTZCO2kzWKg==/5775022097173064793.jpg)
另外:
如果运行debug没有相应,可以右键点击“Relaunch” 在试,如图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/ra7ppmciy7DsTZCO2kzWKg==/5775022097173064793.jpg)
有的时候在Debug选项面板中没有 "Web Browser" 菜单 只有 “Remote JS” 菜单,如图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/ra7ppmciy7DsTZCO2kzWKg==/5775022097173064793.jpg)
解决办法如下:
“Window” -> "Preferences" -> "Run/Debug" -> Launching -> Launch Configuration
将右侧 "Web Browser" 中的勾去掉。
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/ra7ppmciy7DsTZCO2kzWKg==/5775022097173064793.jpg)
2 IE Debugger
同上,参见 :
http://www.aptana.com/docs/index.php/Installing_the_IE_debugger
Aptana Studio 2.0 debug 调试问题
2009-12-02 11:18
Aptana 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就没问题了。
前期工作
1.
1. 在Aptana 的默认面板, 也就是右上角 Aptana图标被激活时,
在左侧面板Project 新建一个项目[单击右键新建]
a.
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/GPjlJFvlxR5BVkslPx5BQQ==/5775022097173064781.jpg)
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/DA_VeI6M1R3d3pAGzre6jw==/5775022097173064783.jpg)
单击右上角 debug图标
接下来通过调试来展示Aptana Debug的各个功能 如图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/qe0DkCjRe141edBU2n1yBg==/5775022097173064784.jpg)
如果在Debug界面下,找不到功能面板,到window菜单下的show view 进行添加 如图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/fKY1Sqq4twk92NxAgrSgsg==/5775022097173064785.jpg)
第一步: 添加断点【双击行号, 删除也一样双击】如图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/SvYZ6LSHmWl0mQ2Ck3C2Sg==/5775022097173064786.jpg)
第二步: 单击debug 图标 ,运行firefox 如图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/i5LjhKs2SqkLShFbsc0JPw==/5775022097173064787.jpg)
如果在firefox中出现一下界面如图,那么你就可以调试了,
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/fyyKCK8QYDBwW2EliPRSYQ==/5775022097173064788.jpg)
仔细看下firefox右下角图标Aptanadebugger 和Firebug 图标都亮了起来,及网页状态
回到Aptana, 可以看到 如图
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/DRXYbaGIMGYRrHr6duT8Lg==/5775022097173064789.jpg)
第三步: 分析下右边各面板的功能
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/Ek5ya9J_NR60xy17CX8LTw==/5775022097173064790.jpg)
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/yvFv_ChCibjiI1zSjj50KQ==/5775022097173064791.jpg)
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/4-A5M-QSeYZo2YecCrgHsA==/5775022097173064792.jpg)
3. 以上我对aptana的使用经验, 如果你有好的技巧不妨分享下!
Aptana 调试 javascript 图解教程(二)
参见: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教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/ra7ppmciy7DsTZCO2kzWKg==/5775022097173064793.jpg)
点击 “Debug” 按钮进入调试视图,(aptana 同时会打开firefox浏览器),如下图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/ra7ppmciy7DsTZCO2kzWKg==/5775022097173064793.jpg)
如果运行debug没有相应,可以右键点击“Relaunch” 在试,如图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/ra7ppmciy7DsTZCO2kzWKg==/5775022097173064793.jpg)
有的时候在Debug选项面板中没有 "Web Browser" 菜单 只有 “Remote JS” 菜单,如图:
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/ra7ppmciy7DsTZCO2kzWKg==/5775022097173064793.jpg)
解决办法如下:
“Window” -> "Preferences" -> "Run/Debug" -> Launching -> Launch Configuration
将右侧 "Web Browser" 中的勾去掉。
![用Aptana调试JavaScript教程 - 冰冰の糖果屋 - 冰冰の糖果屋](http://img.bimg.126.net/photo/ra7ppmciy7DsTZCO2kzWKg==/5775022097173064793.jpg)
然后第一次debug跳到 http://www.aptana.com/?debugger=true&port=3726
第二次debug:也是一个
然后会报错:
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就没问题了。