JavaScript調(diào)試工具匯總
現(xiàn)在的JavaScript事實(shí)上已然成為了流行的web語(yǔ)言,即使它并不完美。很多程序員不喜歡用JavaScript寫代碼,是因?yàn)閷懙胶髞砜倳?huì)出現(xiàn)各種莫名其妙的bug,而且在開發(fā)大型應(yīng)用程序的過程中很容易犯錯(cuò)。而且鑒于當(dāng)今此類工具的現(xiàn)狀,要想在瀏覽器上做JavaScript調(diào)試也不是那么方便。
下面這幾個(gè)基于桌面和WEB的JavaScript調(diào)試工具,能讓你更高效地調(diào)試JavaScript代碼,這樣就可以:
更有效地處理動(dòng)態(tài)類型使應(yīng)用程序更符合編碼標(biāo)準(zhǔn)
Firebug
Firebug已經(jīng)出現(xiàn)很多年了,它為那些主要在Firefox上創(chuàng)建應(yīng)用程序的開發(fā)人員提供了一個(gè)應(yīng)用擴(kuò)展。
是做HTML、CSS和JavaScript測(cè)試的專用應(yīng)用程序比默認(rèn)瀏覽器自帶的開發(fā)者工具的功能更強(qiáng)大允許設(shè)置斷點(diǎn),以便于在各個(gè)階段測(cè)試結(jié)果
如果你是在其他的瀏覽器上,如谷歌的Chrome瀏覽器上面開發(fā)程序,那可以試試Firebug的精簡(jiǎn)版,功能相同,只是界面稍微有所差別而已。
官方網(wǎng)站:http://getfirebug.com/
Opera Dragonfly
Opera瀏覽器并不是非常流行,其互聯(lián)網(wǎng)用戶使用人數(shù)甚至不到全世界的1%。但是,其開放式的JavaScript測(cè)試和調(diào)試工具可能會(huì)吸引到你。
更輕松地檢查DOM立馬看到修改CSS和JavaScript后的結(jié)果檢查錯(cuò)誤,更快地找到它們的根源
其他瀏覽器也正在不斷改善以媲美Opera Dragonfly,但是就目前它對(duì)Web開發(fā)人員而言依然是最好的測(cè)試工具之一。
官方網(wǎng)站:http://www.opera.com/dragonfly/
Debug bar
Internet Explorer不像Firefox和Chrome那樣提供多種插件,但是對(duì)于這個(gè)目前世界上使用人數(shù)最多的瀏覽器而言,DebugBar是最好的前端調(diào)試工具之一。它涵蓋了幾乎所有你需要的功能:
DOM檢查Cookie檢查JavaScript調(diào)試
如果您的主瀏覽器是Internet Explorer,那么DebugBar絕對(duì)是躋身于先進(jìn)JavaScript工具的明智選擇。
官方網(wǎng)站:http://www.debugbar.com/
JSLint
JSLint是由當(dāng)今世界Web開發(fā)領(lǐng)域最知名的技術(shù)權(quán)威之一——Douglas Crockford所創(chuàng)建的一個(gè)基于Web的工具。你需要做的就是復(fù)制粘貼代碼到JSLint的在線編輯器上,就可以:
突出顯示代碼中的錯(cuò)誤確保語(yǔ)法簡(jiǎn)潔又符合標(biāo)準(zhǔn)指出JavaScript常見的類型錯(cuò)誤。
官方網(wǎng)站:http://www.jslint.com/
JSLitmus
如果你比較在意JavaScript應(yīng)用程序的性能,JSLitmus絕對(duì)是一個(gè)可愛的小工具。它可以幫助你創(chuàng)建你自己的JavaScript基準(zhǔn)測(cè)試,以便于你權(quán)衡app開發(fā)各個(gè)階段的性能。
官方網(wǎng)站:http://www.broofa.com/Tools/JSLitmus/
Write Code Online
Writecodeonline.com是一個(gè)全功能的JavaScript編輯器。它操作簡(jiǎn)單易于使用,并且?guī)缀蹩梢粤ⅠR指出bug。對(duì)于大型應(yīng)用程序而言,是一個(gè)不可或缺的得力助手。
Tinkerbin
這是目前最好使的在線web開發(fā)設(shè)計(jì)工具之一。Tinkerbin允許你在同一個(gè)web應(yīng)用程序中測(cè)試HTML,CSS和JavaScript。使用Tinkerbin之所以在測(cè)試JavaScript代碼片段對(duì)HTML和CSS的影響上面顯得更為便捷,是因?yàn)槟芸吹郊磿r(shí)結(jié)果。
總結(jié):
可能我們會(huì)覺得JavaScript很繁瑣,但那是因?yàn)樗鼤?huì)逐步進(jìn)化,而非一開始就是一些宏偉的設(shè)計(jì)。上面這些工具和應(yīng)用程序能對(duì)你的開發(fā)和測(cè)試提供裨益。并且總有一款適合你的瀏覽器,助你更加高效無bug地開發(fā)app。
相關(guān)文章
詳解JavaScript?(!!)?中的雙感嘆號(hào)是干什么用的
JavaScript?不是靜態(tài)語(yǔ)言,而是動(dòng)態(tài)語(yǔ)言,這意味著變量可以引用或保存任何類型的值,此外,該類型可以隨時(shí)更改,這篇文章主要介紹了JavaScript?(!!)?中的雙感嘆號(hào)作用,需要的朋友可以參考下2022-09-09Select標(biāo)簽下拉列表二級(jí)聯(lián)動(dòng)級(jí)聯(lián)實(shí)例代碼
這篇文章主要介紹了Select標(biāo)簽下拉列表二級(jí)聯(lián)動(dòng)級(jí)聯(lián)實(shí)例代碼,需要的朋友可以參考下2014-02-02通過JavaScript實(shí)現(xiàn)撲克牌游戲的示例代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript如何通過面向?qū)ο髮?shí)現(xiàn)一個(gè)簡(jiǎn)單的撲克牌游戲,文中的示例代碼代碼講解詳細(xì),感興趣的可以學(xué)習(xí)一下2022-07-07JavaScript中變量提升與函數(shù)提升經(jīng)典實(shí)例分析
這篇文章主要介紹了JavaScript中變量提升與函數(shù)提升,結(jié)合實(shí)例形式分析了JavaScript中的變量提升與函數(shù)提升相關(guān)原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2018-07-07JavaScript調(diào)用C語(yǔ)言的幾種方式
本文主要介紹了JavaScript調(diào)用C語(yǔ)言的幾種方式,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02javascript+css 網(wǎng)頁(yè)每次加載不同樣式的實(shí)現(xiàn)方法
用戶每次訪問時(shí)隨機(jī)載入樣式,讓微博在視覺上保持新鮮感。雖然思路與實(shí)現(xiàn)都比較簡(jiǎn)單,但還是想記錄下來,與大家分享。2009-12-12