1. Javascript Debug Toolkit介紹
2. 如何安裝
JSDT是基于eclipse3.2+,jdk1.5+基礎(chǔ)開(kāi)發(fā)的,因此安裝JSDT前應(yīng)當(dāng)先安裝jdk1.5+和eclipse3.2+。 JSDT下載地址:http://code.google.com/p/jsdt/downloads/list ,其中jsdt-1.0..zip 是JSDT的安裝包,下載把其中的三個(gè)jar包解壓到eclipse的plugins目錄下,重啟eclipse即可。 目前版本解決的主要問(wèn)題是編碼,使用了自動(dòng)探測(cè)編碼的技術(shù),解決編碼問(wèn)題。 jsdt-simple.swf是一段使用jsdt在chrome瀏覽器調(diào)試javascript的簡(jiǎn)單例子的錄象。 jsdt-ext-desktop.swf是一段使用jsdt在safari瀏覽器調(diào)試javascript的錄象。
3.如何使用
1. 在eclipse中打開(kāi)調(diào)試對(duì)話框

2. 新建一個(gè)Javascript Debug

如下圖所示 在url中輸入要調(diào)試的url--本地文件名或服務(wù)器上的文件名(只支持http類(lèi)型的url)。在browser輸入框中選擇瀏覽器(ie,firefox,safari或chrome等)
點(diǎn)擊調(diào)試后會(huì)打開(kāi)瀏覽器,,eclipse也會(huì)轉(zhuǎn)到調(diào)試視圖,并打開(kāi)所有用到的javascript文件。
如果沒(méi)有打開(kāi)javascript文件,請(qǐng)查看調(diào)試透視圖中是否打開(kāi)了Debug Scripts視圖

如果沒(méi)有打開(kāi)該視圖,請(qǐng)點(diǎn)擊:window-show view-other->Debug Scripts打開(kāi)Debug Scripts視圖,再選擇當(dāng)前調(diào)試堆棧,即可看到Debug Scripts視圖,雙擊Debug Scripts中的文件,即可打開(kāi)script文件。

3. 設(shè)置斷點(diǎn)

在js文件中可以設(shè)置斷點(diǎn)
瀏覽器中運(yùn)行到該行js時(shí)會(huì)自動(dòng)中斷,eclipse也會(huì)停止在該斷點(diǎn),等待用戶(hù)操作。

4. 其他操作
因?yàn)槠渌僮骱蚭clipse調(diào)試是一樣的,這里不再多講。
JSDT 官方網(wǎng)址:http://code.google.com/p/jsdt/
當(dāng)然使用Firefox的朋友也可以選擇 FireBug,也是很不錯(cuò)的JS調(diào)試工具。
Good Luck!
Yours Matthew!