天天看點

推薦一款很好用的調試JS的Eclipse插件1. Javascript Debug Toolkit介紹 2. 如何安裝 3.如何使用 1. 在eclipse中打開調試對話框

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中打開調試對話框

如下圖所示:

推薦一款很好用的調試JS的Eclipse插件1. Javascript Debug Toolkit介紹 2. 如何安裝 3.如何使用 1. 在eclipse中打開調試對話框

2. 建立一個Javascript Debug

推薦一款很好用的調試JS的Eclipse插件1. Javascript Debug Toolkit介紹 2. 如何安裝 3.如何使用 1. 在eclipse中打開調試對話框

如下圖所示  在url中輸入要調試的url--本地檔案名或伺服器上的檔案名(隻支援http類型的url)。在browser輸入框中選擇浏覽器(ie,firefox,safari或chrome等)

點選調試後會打開浏覽器,,eclipse也會轉到調試視圖,并打開所有用到的javascript檔案。

如果沒有打開javascript檔案,請檢視調試透視圖中是否打開了Debug Scripts視圖

推薦一款很好用的調試JS的Eclipse插件1. Javascript Debug Toolkit介紹 2. 如何安裝 3.如何使用 1. 在eclipse中打開調試對話框

如果沒有打開該視圖,請點選:window-show view-other->Debug Scripts打開Debug Scripts視圖,再選擇目前調試堆棧,即可看到Debug Scripts視圖,輕按兩下Debug Scripts中的檔案,即可打開script檔案。

推薦一款很好用的調試JS的Eclipse插件1. Javascript Debug Toolkit介紹 2. 如何安裝 3.如何使用 1. 在eclipse中打開調試對話框

3. 設定斷點

推薦一款很好用的調試JS的Eclipse插件1. Javascript Debug Toolkit介紹 2. 如何安裝 3.如何使用 1. 在eclipse中打開調試對話框

在js檔案中可以設定斷點

浏覽器中運作到該行js時會自動中斷,eclipse也會停止在該斷點,等待使用者操作。

推薦一款很好用的調試JS的Eclipse插件1. Javascript Debug Toolkit介紹 2. 如何安裝 3.如何使用 1. 在eclipse中打開調試對話框

4. 其他操作

因為其他操作和eclipse調試是一樣的,這裡不再多講。

JSDT 官方網址:http://code.google.com/p/jsdt/

當然使用Firefox的朋友也可以選擇 FireBug ,也是很不錯的JS調試工具。

繼續閱讀