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 閱讀(31418) 評論(8)  編輯  收藏 所屬分類: IDEEclipse Plugins
          主站蜘蛛池模板: 新兴县| 怀仁县| 马山县| 合江县| 秭归县| 抚顺市| 夹江县| 铁岭市| 建湖县| 邛崃市| 炉霍县| 简阳市| 德格县| 牟定县| 若尔盖县| 曲靖市| 丹棱县| 洛宁县| 瑞安市| 成安县| 梓潼县| 延寿县| 吴旗县| 枝江市| 马公市| 新密市| 报价| 项城市| 拜城县| 惠安县| 康定县| 博湖县| 灌南县| 枣阳市| 镇远县| 沙雅县| 武邑县| 宁安市| 广灵县| 三江| 永年县|