推薦一款很好用的調試js的eclipse插件


ie調試的話用   Companion.JS  一個插件  很好用的  不用配置,直接安裝
eclipse調試的話 可以用jsdt 可能需要配置下 網上有很多說明
http://wokaours.blog.163.com/blog/static/121896142200961055838544/
最古老的辦法 就是用alert() 調試

原文:http://wokaours.blog.163.com/blog/static/121896142200961055838544/

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中打開調試對話框

如下圖所示:

推薦一款很好用的調試js的eclipse插件 - 狂野 - wa hahahah我的博客

2. 新建一個Javascript Debug

推薦一款很好用的調試js的eclipse插件 - 狂野 - wa hahahah我的博客

如下圖所示 在url中輸入要調試的url--本地文件名或服務器上的文件名(只支持http類型的url)。在browser輸入框中選擇瀏覽器(ie,firefox,safari或chrome等)

點擊調試后會打開瀏覽器,,eclipse也會轉到調試視圖,並打開所有用到的javascript文件。

如果沒有打開javascript文件,請查看調試透視圖中是否打開了Debug Scripts視圖

推薦一款很好用的調試js的eclipse插件 - 狂野 - wa hahahah我的博客
如果沒有打開該視圖,請點擊:window-show view-other->Debug Scripts打開Debug Scripts視圖,再選擇當前調試堆棧,即可看到Debug Scripts視圖,雙擊Debug Scripts中的文件,即可打開script文件。
推薦一款很好用的調試js的eclipse插件 - 狂野 - wa hahahah我的博客
3. 設置斷點
推薦一款很好用的調試js的eclipse插件 - 狂野 - wa hahahah我的博客

在js文件中可以設置斷點

瀏覽器中運行到該行js時會自動中斷,eclipse也會停止在該斷點,等待用戶操作。

4. 其他操作

因為其他操作和eclipse調試是一樣的,這里不再多講。


JSDT 官方網址:http://code.google.com/p/jsdt/

谷歌不能用的,下載地址為:http://www.educity.cn/xiazai/8472303.html


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM