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+基礎開發(fā)的,因此安裝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 官方網(wǎng)址:http://code.google.com/p/jsdt/

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


          Good Luck!
          Yours Matthew!

          posted on 2008-11-10 19:54 x.matthew 閱讀(31409) 評論(8)  編輯  收藏 所屬分類: IDE 、Eclipse Plugins
          主站蜘蛛池模板: 温宿县| 南江县| 吐鲁番市| 岚皋县| 常州市| 图木舒克市| 潜江市| 邵阳县| 阿勒泰市| 长兴县| 来凤县| 三穗县| 佳木斯市| 洛扎县| 山丹县| 文水县| 宁津县| 连平县| 团风县| 江川县| 玉树县| 东宁县| 西青区| 南木林县| 东安县| 来安县| 宜兴市| 海兴县| 从江县| 潜山县| 县级市| 天门市| 柞水县| 金寨县| 南充市| 平定县| 宜都市| 日土县| 华阴市| 阿勒泰市| 巴彦淖尔市|