1. Javascript Debug Toolkit介紹
2. 如何安裝
JSDT是基于eclipse3.2+,jdk1.5+基礎(chǔ)開發(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即可。 目前版本解決的主要問題是編碼,使用了自動探測編碼的技術(shù),解決編碼問題。 jsdt-simple.swf是一段使用jsdt在chrome瀏覽器調(diào)試javascript的簡單例子的錄象。 jsdt-ext-desktop.swf是一段使用jsdt在safari瀏覽器調(diào)試javascript的錄象。
3.如何使用
1. 在eclipse中打開調(diào)試對話框

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

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

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

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

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

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!