前期工作
1. 你必須安裝firefox瀏覽器;
2. 到http://support.aptana.com/asap/browse/STU-1769 下載并安裝aptanadebugger 及 firebug;這兩個(gè)都是firefox插件;
這樣我們就可以調(diào)試腳本了。
今天就通過一個(gè)小例子,來講下Aptana Debug JavaScript;點(diǎn)擊下載這個(gè)例子
1. 在Aptana 的默認(rèn)面板, 也就是右上角 Aptana圖標(biāo)被激活時(shí),
在左側(cè)面板Project 新建一個(gè)項(xiàng)目[單擊右鍵新建]
a. 新建項(xiàng)目 css88 , 注意: 在新建項(xiàng)目是是文件夾/文件的路徑不要出現(xiàn)中文字符, 不然會(huì)無法調(diào)試, 比如不要把文件放在桌面(在中文版系統(tǒng)中)如圖:
b. 右鍵單擊 css88 項(xiàng)目, 新建一個(gè)css88.js 文件 如圖:
2. 現(xiàn)在就對剛創(chuàng)建的css88.js進(jìn)行調(diào)試
單擊右上角 debug圖標(biāo)
接下來通過調(diào)試來展示Aptana Debug的各個(gè)功能 如圖:
如果在Debug界面下,找不到功能面板,到window菜單下的show view 進(jìn)行添加 如圖:
第一步: 添加斷點(diǎn)【雙擊行號(hào), 刪除也一樣雙擊】如圖:
第二步: 單擊debug 圖標(biāo) ,運(yùn)行firefox 如圖:
如果在firefox中出現(xiàn)一下界面如圖,那么你就可以調(diào)試了,
仔細(xì)看下firefox右下角圖標(biāo)Aptanadebugger 和Firebug 圖標(biāo)都亮了起來,及網(wǎng)頁狀態(tài)
回到Aptana, 可以看到 如圖
第三步: 分析下右邊各面板的功能
3. 以上我對aptana的使用經(jīng)驗(yàn), 如果你有好的技巧不妨分享下!
如果是在使用aptana過程中遇到難題, 請留言,大家一起解決難題,或者加入javascript討論qq群
From - http://www.css88.com/archives/685