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

2. 新建一個Javascript Debug

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

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

3. 設置斷點

在js文件中可以設置斷點
瀏覽器中運行到該行js時會自動中斷,eclipse也會停止在該斷點,等待用戶操作。

4. 其他操作
JSDT 官方網址:http://code.google.com/p/jsdt/
當然使用Firefox的朋友也可以選擇 FireBug,也是很不錯的JS調試工具。
Good Luck!
Yours Matthew!