posts - 156,  comments - 601,  trackbacks - 0
          目前最新版本為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調試工具。


          Good Luck!
          Yours Matthew!

          posted on 2008-11-10 19:54 x.matthew 閱讀(31407) 評論(8)  編輯  收藏 所屬分類: IDEEclipse Plugins
          主站蜘蛛池模板: 松阳县| 桦甸市| 鸡泽县| 山西省| 和静县| 宁乡县| 车险| 昭苏县| 凤台县| 冷水江市| 宜兰市| 天长市| 五大连池市| 无极县| 大石桥市| 吉安市| 曲周县| 噶尔县| 东阿县| 武冈市| 章丘市| 衢州市| 阿拉善盟| 武清区| 齐河县| 余干县| 玛曲县| 阳新县| 柏乡县| 苍山县| 平山县| 青田县| 当阳市| 策勒县| 柘城县| 遵义县| 塔城市| 丰原市| 墨玉县| 锡林浩特市| 含山县|