Aptana ：調試 javascript 圖解

前期工作

1.  你必須安裝firefox瀏覽器；
參見：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

 

IE Debugger

參見 ：http://www.aptana.com/docs/index.php/Installing_the_IE_debugger

開始調試：
選擇你所需要的調試的html檔案，右鍵點擊"Debug As" 下的 “Debug...” ，其中左側菜單中要選用 “Web Browser”，右側的"Main" 選項卡中的 "Browser executable"中一定要填寫正確的firefox.exe檔案的路徑，其他的預設即可，如：

 

點擊 “Debug” 按鈕（快速鍵F11 ）進入調試視圖，(aptana 同時會開啟firefox瀏覽器)，如：

 

另外：

如果運行debug沒有相應，可以右鍵點擊“Relaunch” 在試，

有的時候在Debug選項面板中沒有 "Web Browser" 菜單 只有 “Remote JS” 菜單，
解決辦法如下：

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

將右側 "Web Browser" 中的勾去掉。

 

接下來通過調試來展示Aptana Debug的各個功能

 

添加斷點【雙擊行號， 刪除也一樣雙擊】
仔細看下firefox右下角表徵圖Aptanadebugger 和Firebug 表徵圖都亮了起來，及網頁狀態   回到Aptana, 可以看到

 

 

Ps : 初次 aptana的使用， F5 進入下一步調試，F6  F7等調試中的快速鍵，可以查看協助 help->key assist

規範地編輯和調試js ，可以提高個人工作效率哦。。