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 閱讀(31422) 評論(8)  編輯  收藏 所屬分類: IDEEclipse Plugins
          主站蜘蛛池模板: 龙岩市| 聂荣县| 海宁市| 达州市| 渭源县| 浏阳市| 科技| 三门县| 会泽县| 亳州市| 武城县| 竹溪县| 湘乡市| 杭州市| 宁海县| 绍兴市| 信丰县| 将乐县| 隆林| 文昌市| 微山县| 鄂温| 镇远县| 高淳县| 都兰县| 汨罗市| 忻州市| 西昌市| 永年县| 华容县| 循化| 仁寿县| 定州市| 嘉祥县| 贡觉县| 淳化县| 邯郸市| 新晃| 菏泽市| 阳信县| 南丰县|