推薦一款很好用的調試JS的Eclipse外掛程式

目前最新版本為JSDT 1.0.2。
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調試工具。


http://www.blogjava.net/xmatthew/archive/2008/11/10/239727.html