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中輸入要調試的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調試工具。 測試代碼：建立檔案test.html檔案：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><script type='text/javascript' src='transform.js'></script><body><div align="center"> hello: <input class="Wdate" name="startdate" type="text" style="width:200px" onclick="add()" value=""/></div></body></html>建立transform.js檔案：
function add(){var a = 3;var b = 4;alert("hello");}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
