Aptana ：调试 javascript 图解

红太狼 2022-09-19 08:06 160阅读 0赞

### 用Aptana调试JavaScript教程   ###

原文地址：[http://icandy.blog.163.com/blog/static/18967817320113189013361/][http_icandy.blog.163.com_blog_static_18967817320113189013361]

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； [点击下载这个例子][Link 1]  
   
1. 在Aptana 的默认面板， 也就是右上角 Aptana图标被激活时，  
   在左侧面板Project 新建一个项目\[单击右键新建\]  
a.        新建项目 css88 ， 注意： 在新建项目是是文件夹/文件的路径不要出现中文字符， 不然会无法调试， 比如不要把文件放在桌面（在中文版系统中）如图： [![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ -]][Aptana_JavaScript_ - _ -]b.        右键单击 css88 项目， 新建一个css88.js 文件 如图： [![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 1]][Aptana_JavaScript_ - _ - 1]    2. 现在就对刚创建的css88.js进行调试  
   单击右上角 debug图标  
   接下来通过调试来展示Aptana Debug的各个功能 如图：  
[![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 2]][Aptana_JavaScript_ - _ - 2]            
   如果在Debug界面下，找不到功能面板，到window菜单下的show view 进行添加 如图：  
[![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 3]][Aptana_JavaScript_ - _ - 3]            
   第一步： 添加断点【双击行号， 删除也一样双击】如图：  
[![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 4]][Aptana_JavaScript_ - _ - 4]            
   第二步： 单击debug 图标 ，运行firefox 如图：  
[![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 5]][Aptana_JavaScript_ - _ - 5]  
     如果在firefox中出现一下界面如图，那么你就可以调试了， [![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 6]][Aptana_JavaScript_ - _ - 6]  
           
     仔细看下firefox右下角图标Aptanadebugger 和Firebug 图标都亮了起来，及网页状态  
     回到Aptana, 可以看到 如图  
[![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 7]][Aptana_JavaScript_ - _ - 7]  
   第三步: 分析下右边各面板的功能  
[![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 8]][Aptana_JavaScript_ - _ - 8][![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 9]][Aptana_JavaScript_ - _ - 9][![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 10]][Aptana_JavaScript_ - _ - 10]    
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_getfirebug.com_releases_firebug_1.2_firebug-1.2.0.xpi]  
  
[http://firefox.aptana.com/update/aptanadebugger.xpi][http_firefox.aptana.com_update_aptanadebugger.xpi]  
  
开始调试：  
  
选择你所需要的调试的html文件，右键点击"Debug As" 下的 “Debug...” ，其中左侧菜单中要选用 “Web Browser”，右侧的"Main" 选项卡中的 "Browser executable"中一定要填写正确的firefox.exe文件的路径，其他的默认即可，如下图：  
  
  
![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 11]  
  
点击 “Debug” 按钮进入调试视图，(aptana 同时会打开firefox浏览器)，如下图：  
  
  
![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 11]  
  
另外：  
  
如果运行debug没有相应，可以右键点击“Relaunch” 在试，如图：  
  
  
![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 11]  
有的时候在Debug选项面板中没有 "Web Browser" 菜单 只有 “Remote JS” 菜单，如图：  
  
  
![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 11]  
解决办法如下：  
  
“Window” -> "Preferences" -> "Run/Debug" -> Launching -> Launch Configuration  
  
将右侧 "Web Browser" 中的勾去掉。  
  
  
![用Aptana调试JavaScript教程 - 冰冰の糖果屋  - 冰冰の糖果屋][Aptana_JavaScript_ - _ - 11]  
  
  
  
  
**2 IE Debugger**  
  
 同上，参见 ： [http://www.aptana.com/docs/index.php/Installing\_the\_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][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就没问题了。

[http_icandy.blog.163.com_blog_static_18967817320113189013361]: http://icandy.blog.163.com/blog/static/18967817320113189013361/
[Link 1]: http://www.css88.com/attachments/month_0901/css88.rar
[Aptana_JavaScript_ - _ -]: http://img.bimg.126.net/photo/GPjlJFvlxR5BVkslPx5BQQ==/5775022097173064781.jpg
[Aptana_JavaScript_ - _ - 1]: http://img.bimg.126.net/photo/DA_VeI6M1R3d3pAGzre6jw==/5775022097173064783.jpg
[Aptana_JavaScript_ - _ - 2]: http://img.bimg.126.net/photo/qe0DkCjRe141edBU2n1yBg==/5775022097173064784.jpg
[Aptana_JavaScript_ - _ - 3]: http://img.bimg.126.net/photo/fKY1Sqq4twk92NxAgrSgsg==/5775022097173064785.jpg
[Aptana_JavaScript_ - _ - 4]: http://img.bimg.126.net/photo/SvYZ6LSHmWl0mQ2Ck3C2Sg==/5775022097173064786.jpg
[Aptana_JavaScript_ - _ - 5]: http://img.bimg.126.net/photo/i5LjhKs2SqkLShFbsc0JPw==/5775022097173064787.jpg
[Aptana_JavaScript_ - _ - 6]: http://img.bimg.126.net/photo/fyyKCK8QYDBwW2EliPRSYQ==/5775022097173064788.jpg
[Aptana_JavaScript_ - _ - 7]: http://img.bimg.126.net/photo/DRXYbaGIMGYRrHr6duT8Lg==/5775022097173064789.jpg
[Aptana_JavaScript_ - _ - 8]: http://img.bimg.126.net/photo/Ek5ya9J_NR60xy17CX8LTw==/5775022097173064790.jpg
[Aptana_JavaScript_ - _ - 9]: http://img.bimg.126.net/photo/yvFv_ChCibjiI1zSjj50KQ==/5775022097173064791.jpg
[Aptana_JavaScript_ - _ - 10]: http://img.bimg.126.net/photo/4-A5M-QSeYZo2YecCrgHsA==/5775022097173064792.jpg
[http_getfirebug.com_releases_firebug_1.2_firebug-1.2.0.xpi]: http://getfirebug.com/releases/firebug/1.2/firebug-1.2.0.xpi
[http_firefox.aptana.com_update_aptanadebugger.xpi]: http://firefox.aptana.com/update/aptanadebugger.xpi
[Aptana_JavaScript_ - _ - 11]: http://img.bimg.126.net/photo/ra7ppmciy7DsTZCO2kzWKg==/5775022097173064793.jpg
[http_www.aptana.com_docs_index.php_Installing_the_IE_debugger]: http://www.aptana.com/docs/index.php/Installing_the_IE_debugger
[http_www.aptana.com_debugger_true_port_3726]: http://www.aptana.com/?debugger=true&port=3726