JavaScript 調(diào)試器簡介
更新時間:2009年02月21日 03:40:48 作者:
JavaScript 調(diào)試器其實(shí)有很多。當(dāng)然這些僅僅是調(diào)試器而已,與流行的 Java IDE 是沒有辦法相提并論的。
但是僅從調(diào)試的角度來說,這些調(diào)試器的功能是完全夠用的。其實(shí)我更需要的不是一個 JavaScript IDE,而是一個 JavaScript 重構(gòu)工具,這樣可以使我快速地對 JavaScript 組件進(jìn)行重構(gòu),比使用 UltraEdit 進(jìn)行查找/替換的原始方法效率會提高很多,而且更加安全。其實(shí)任何一種沒有重構(gòu)工具的語言的開發(fā)效率都是沒有辦法和 Java 這樣的語言(有 Eclipse、IDEA 等等強(qiáng)大的重構(gòu)工具)相提并論的。共產(chǎn)主義尚未實(shí)現(xiàn),這確實(shí)是現(xiàn)實(shí),但是并不意味著我們就一定要等待,就沒有辦法在現(xiàn)有條件下做好我們的工作。必須使用 JavaScript 的主要原因完全不是因?yàn)樗且婚T最先進(jìn)的語言(相對于 Python、Ruby、etc. 不過從語言本身來說,我并不認(rèn)為 JavaScript 這種函數(shù)/對象合一的語言是落后的,Python 也是這樣的語言),有強(qiáng)大的開發(fā)工具,而是因?yàn)樗兄?STRONG>最廣泛的支持(所有的現(xiàn)代瀏覽器都支持)和廉價(因?yàn)槭?Web 標(biāo)準(zhǔn),會的人很多,學(xué)習(xí)和使用的成本很低)。其實(shí)做基于 HTML 的 Web 開發(fā),想避開 JavaScirpt 幾乎是不可能的。從改善用戶交互體驗(yàn)的角度,而不是從純技術(shù)的角度思考問題,我們也沒有必要刻意回避 JavaScript。
最原始的 JavaScript 調(diào)試器是 Windows 自帶的腳本調(diào)試器。在 Windows 2000 中,打開添加/刪除程序->添加/刪除 Windows 組件,然后可以看到一個“腳本調(diào)試器”。這個腳本調(diào)試器可以用來調(diào)試 JavaScript,還可以用來調(diào)試任何基于 ActiveX 的腳本語言(VBScript、ASP、etc.)。這個工具雖然具有大多數(shù)常用的調(diào)試功能,但是使用起來非常不方便。
先進(jìn)一些的 Visual InterDev,在 Visual Studio 6.0 安裝光盤中。這個是大家過去常用的 JavaScript 調(diào)試工具。
更好用的是 Office 2003 中帶的腳本調(diào)試器。比 Visual InterDev 更加強(qiáng)大和穩(wěn)定。這個腳本調(diào)試器隱藏的很深,需要仔細(xì)在安裝目錄中找到它。
上面是 M$ 系列的 JS 調(diào)試工具。Visual Studio 和 Office 2003 都是要花錢買的。如果不想花錢,還有一個很好的選擇是 Mozilla Venkman,Venkman 是 Mozilla 組織開發(fā)的 JavaScript 調(diào)試器,功能已經(jīng)很完善了。如果安裝 Mozilla 套件,其中已經(jīng)包括有 Venkman,只需要在安裝的時候選擇一下就可以了。如果套件是中文版,安裝后的 Venkman 的界面也是全中文的。
使用 Firefox 的用戶需要另外安裝一下:
http://www.hacksrus.com/~ginda/venkman/
選擇一個最新的版本安裝,例如在 Firefox 中直接點(diǎn)擊
http://www.hacksrus.com/~ginda/venkman/venkman-0.9.85.xpi
就可以完成安裝。當(dāng)然也可以下載下來,以后用 Firefox 直接打開這個文件完成安裝。
安裝好以后,在 Firefox 的工具菜單會出現(xiàn)一個“JavaScirpt Debugger”,點(diǎn)擊后就可以打開 Venkman 調(diào)試器。
Venkman 調(diào)試器相關(guān)的資源包括:
Venkman, the new JavaScript Debugger for Netscape 7.x:
http://devedge-temp.mozilla.org/viewsource/2002/venkman/01/index_en.html
Venkman FAQ:
http://www.hacksrus.com/~ginda/venkman/faq/venkman-faq.html
直接搜索 Venkman 也可以搜索到很多相關(guān)的資源。
Firefox + Venkman 是開發(fā) Ajax 應(yīng)用的一對很好的組合。
最原始的 JavaScript 調(diào)試器是 Windows 自帶的腳本調(diào)試器。在 Windows 2000 中,打開添加/刪除程序->添加/刪除 Windows 組件,然后可以看到一個“腳本調(diào)試器”。這個腳本調(diào)試器可以用來調(diào)試 JavaScript,還可以用來調(diào)試任何基于 ActiveX 的腳本語言(VBScript、ASP、etc.)。這個工具雖然具有大多數(shù)常用的調(diào)試功能,但是使用起來非常不方便。
先進(jìn)一些的 Visual InterDev,在 Visual Studio 6.0 安裝光盤中。這個是大家過去常用的 JavaScript 調(diào)試工具。
更好用的是 Office 2003 中帶的腳本調(diào)試器。比 Visual InterDev 更加強(qiáng)大和穩(wěn)定。這個腳本調(diào)試器隱藏的很深,需要仔細(xì)在安裝目錄中找到它。
上面是 M$ 系列的 JS 調(diào)試工具。Visual Studio 和 Office 2003 都是要花錢買的。如果不想花錢,還有一個很好的選擇是 Mozilla Venkman,Venkman 是 Mozilla 組織開發(fā)的 JavaScript 調(diào)試器,功能已經(jīng)很完善了。如果安裝 Mozilla 套件,其中已經(jīng)包括有 Venkman,只需要在安裝的時候選擇一下就可以了。如果套件是中文版,安裝后的 Venkman 的界面也是全中文的。
使用 Firefox 的用戶需要另外安裝一下:
http://www.hacksrus.com/~ginda/venkman/
選擇一個最新的版本安裝,例如在 Firefox 中直接點(diǎn)擊
http://www.hacksrus.com/~ginda/venkman/venkman-0.9.85.xpi
就可以完成安裝。當(dāng)然也可以下載下來,以后用 Firefox 直接打開這個文件完成安裝。
安裝好以后,在 Firefox 的工具菜單會出現(xiàn)一個“JavaScirpt Debugger”,點(diǎn)擊后就可以打開 Venkman 調(diào)試器。
Venkman 調(diào)試器相關(guān)的資源包括:
Venkman, the new JavaScript Debugger for Netscape 7.x:
http://devedge-temp.mozilla.org/viewsource/2002/venkman/01/index_en.html
Venkman FAQ:
http://www.hacksrus.com/~ginda/venkman/faq/venkman-faq.html
直接搜索 Venkman 也可以搜索到很多相關(guān)的資源。
Firefox + Venkman 是開發(fā) Ajax 應(yīng)用的一對很好的組合。
您可能感興趣的文章:
- javascript 基礎(chǔ)簡介 適合新手學(xué)習(xí)
- JavaScript 事件冒泡簡介及應(yīng)用
- JavaScript DOM學(xué)習(xí)第一章 W3C DOM簡介
- JavaScript DOM 學(xué)習(xí)第五章 表單簡介
- javascript提取內(nèi)容到作為文章簡介的代碼
- javascript中的window.location.search方法簡介
- MongoDB中javascript腳本編程簡介和入門實(shí)例
- javascript中數(shù)組的多種定義方法和常用函數(shù)簡介
- 函數(shù)式 JavaScript(一)簡介
- 編程語言JavaScript簡介
- Javascript前端UI框架Kit使用指南之Kitjs簡介
- JavaScript靜態(tài)類型檢查工具FLOW簡介
- JavaScript簡介
相關(guān)文章
javascript執(zhí)行上下文、變量對象實(shí)例分析
這篇文章主要介紹了javascript執(zhí)行上下文、變量對象,結(jié)合實(shí)例形式分析了javascript執(zhí)行上下文、變量對象相關(guān)概念、原理、用法與操作注意事項,需要的朋友可以參考下2020-04-04
詳解JavaScript中的鏈?zhǔn)秸{(diào)用
這篇文章主要介紹了JavaScript中的鏈?zhǔn)秸{(diào)用的相關(guān)資料,幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下2020-11-11
networkInformation.downlink測用戶網(wǎng)速方法詳解
這篇文章主要為大家介紹了networkInformation.downlink測用戶網(wǎng)速方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-05-05
JavaScript實(shí)現(xiàn)在頁面間傳值的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)在頁面間傳值的方法,涉及javascript傳值的技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-04-04
基于Swiper實(shí)現(xiàn)移動端頁面圖片輪播效果
這篇文章主要為大家詳細(xì)介紹了基于Swiper實(shí)現(xiàn)移動端頁面圖片輪播效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-12-12
深入理解JavaScript系列(31):設(shè)計模式之代理模式詳解
這篇文章主要介紹了深入理解JavaScript系列(31):設(shè)計模式之代理模式詳解,代理模式使得代理對象控制具體對象的引用,代理幾乎可以是任何對象:文件,資源,內(nèi)存中的對象,或者是一些難以復(fù)制的東西,需要的朋友可以參考下2015-03-03
讓低版本瀏覽器支持input的placeholder屬性(js方法)
低版本瀏覽器一般都不會支持input的placeholder屬性,接下來使用js實(shí)現(xiàn)下,感興趣的朋友可以參考下哈2013-04-04

