1. Javascript Debug Toolkit介紹
JSDT(Javascript Debug Toolkit)是一個用于javascript調試的eclipse 插件,用于調試javascript。JSDT可以跨浏覽器調試,支援在IE,Firefox,Safari,Chrome等主流浏覽器中調試 javascript。JSDT支援設定斷點,單步調試等調試工具的基本特性。
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. 其他操作
因為其他操作和eclipse調試是一樣的,這裡不再多講。
JSDT 官方網址:http://code.google.com/p/jsdt/
當然使用Firefox的朋友也可以選擇 FireBug ,也是很不錯的JS調試工具。