現(xiàn)在的JavaScript事實(shí)上已然成為了流行的web語言，即使它并不***。很多程序員不喜歡用JavaScript寫代碼，是因?yàn)閷懙胶髞砜倳?huì)出現(xiàn)各種莫名其妙的bug，而且在開發(fā)大型應(yīng)用程序的過程中很容易犯錯(cuò)。而且鑒于當(dāng)今此類工具的現(xiàn)狀，要想在瀏覽器上做JavaScript調(diào)試也不是那么方便。

[[124331]]

下面這幾個(gè)基于桌面和WEB的JavaScript調(diào)試工具，能讓你更高效地調(diào)試JavaScript代碼，這樣就可以：

• 更有效地處理動(dòng)態(tài)類型
• 使應(yīng)用程序更符合編碼標(biāo)準(zhǔn)

Firebug

[[124332]]

Firebug已經(jīng)出現(xiàn)很多年了，它為那些主要在Firefox上創(chuàng)建應(yīng)用程序的開發(fā)人員提供了一個(gè)應(yīng)用擴(kuò)展。

• 是做HTML、CSS和JavaScript測試的專用應(yīng)用程序
• 比默認(rèn)瀏覽器自帶的開發(fā)者工具的功能更強(qiáng)大
• 允許設(shè)置斷點(diǎn)，以便于在各個(gè)階段測試結(jié)果

如果你是在其他的瀏覽器上，如谷歌的Chrome瀏覽器上面開發(fā)程序，那可以試試Firebug的精簡版，功能相同，只是界面稍微有所差別而已。

官方網(wǎng)站：http://getfirebug.com/

Opera Dragonfly

[[124333]]

Opera瀏覽器并不是非常流行，其互聯(lián)網(wǎng)用戶使用人數(shù)甚至不到全世界的1％。但是，其開放式的JavaScript測試和調(diào)試工具可能會(huì)吸引到你。

• 更輕松地檢查DOM
• 立馬看到修改CSS和JavaScript后的結(jié)果
• 檢查錯(cuò)誤，更快地找到它們的根源

其他瀏覽器也正在不斷改善以媲美Opera Dragonfly，但是就目前它對(duì)Web開發(fā)人員而言依然是***的測試工具之一。

官方網(wǎng)站：http://www.opera.com/dragonfly/

Debug bar

[[124334]]

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

[[124335]]

JSLint是由當(dāng)今世界Web開發(fā)領(lǐng)域最知名的技術(shù)權(quán)威之一——Douglas Crockford所創(chuàng)建的一個(gè)基于Web的工具。你需要做的就是復(fù)制粘貼代碼到JSLint的在線編輯器上，就可以：

• 突出顯示代碼中的錯(cuò)誤
• 確保語法簡潔又符合標(biāo)準(zhǔn)
• 指出JavaScript常見的類型錯(cuò)誤。

官方網(wǎng)站：http://www.jslint.com/

JSLitmus

如果你比較在意JavaScript應(yīng)用程序的性能，JSLitmus絕對(duì)是一個(gè)可愛的小工具。它可以幫助你創(chuàng)建你自己的JavaScript基準(zhǔn)測試，以便于你權(quán)衡app開發(fā)各個(gè)階段的性能。

官方網(wǎng)站：http://www.broofa.com/Tools/JSLitmus/

Write Code Online

Writecodeonline.com是一個(gè)全功能的JavaScript編輯器。它操作簡單易于使用，并且?guī)缀蹩梢粤ⅠR指出bug。對(duì)于大型應(yīng)用程序而言，是一個(gè)不可或缺的得力助手。

Tinkerbin

這是目前***使的在線web開發(fā)設(shè)計(jì)工具之一。Tinkerbin允許你在同一個(gè)web應(yīng)用程序中測試HTML，CSS和JavaScript。使用Tinkerbin之所以在測試JavaScript代碼片段對(duì)HTML和CSS的影響上面顯得更為便捷，是因?yàn)槟芸吹郊磿r(shí)結(jié)果。

可能我們會(huì)覺得JavaScript很繁瑣，但那是因?yàn)樗鼤?huì)逐步進(jìn)化，而非一開始就是一些宏偉的設(shè)計(jì)。上面這些工具和應(yīng)用程序能對(duì)你的開發(fā)和測試提供裨益。并且總有一款適合你的瀏覽器，助你更加高效無bug地開發(fā)app。

譯文鏈接：http://www.codeceo.com/article/7-javascript-debug-tools.html
英文原文：7 Best Tools to Make JavaScript Testing Easier
翻譯作者：碼農(nóng)網(wǎng) – 小峰