推薦一款很好用的調試JS的Eclipse插件(轉)

原文：http://flash7783.iteye.com/blog/480822

 

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 調試工具。