7個提高效率的JavaScript調試工具

7個提高效率的JavaScript調試工具

現在的JavaScript事實上已然成為了流行的web語言，即使它並不完美。很多程式員不喜歡用JavaScript寫代碼，是因為寫到後來總會出現各種莫名其妙的bug，而且在開發大型應用程式的過程中很容易犯錯。而且鑒於當今此類工具的現狀，要想在瀏覽器上做JavaScript調試也不是那麼方便。

下面這幾個基於案頭和WEB的JavaScript調試工具，能讓你更高效地調試JavaScript代碼，這樣就可以：

• 更有效地處理動態類型
• 使應用程式更符合編碼通訊協定

Firebug

Firebug已經出現很多年了，它為那些主要在Firefox上建立應用程式的開發人員提供了一個應用擴充。

• 是做HTML、CSS和JavaScript測試的專用應用程式
• 比預設瀏覽器內建的開發人員工具的功能更強大
• 允許設定斷點，以便於在各個階段測試結果

如果你是在其他的瀏覽器上，如Google的Chrome瀏覽器上面開發程式，那可以試試Firebug的精簡版，功能相同，只是介面稍微有所差別而已。

官方網站：http://getfirebug.com/

Opera Dragonfly

Opera瀏覽器並不是非常流行，其互連網使用者使用人數甚至不到全世界的1％。但是，其開放式的JavaScript測試和調試工具可能會吸引到你。

• 更輕鬆地檢查DOM
• 立馬看到修改CSS和JavaScript後的結果
• 檢查錯誤，更快地找到它們的根源

其他瀏覽器也正在不斷改善以媲美Opera Dragonfly，但是就目前它對Web開發人員而言依然是最好的測試載入器之一。

官方網站：http://www.opera.com/dragonfly/

Debug bar

Internet Explorer不像Firefox和Chrome那樣提供多種外掛程式，但是對於這個目前世界上使用人數最多的瀏覽器而言，DebugBar是最好的前端調試工具之一。它涵蓋了幾乎所有你需要的功能：

• DOM檢查
• Cookie檢查
• JavaScript調試

如果您的主瀏覽器是Internet Explorer，那麼DebugBar絕對是躋身於先進JavaScript工具的明智選擇。

官方網站：http://www.debugbar.com/

JSLint

JSLint是由當今世界Web開發領域最知名的技術權威之一——Douglas Crockford所建立的一個基於Web的工具。你需要做的就是複製粘貼代碼到JSLint的線上編輯器上，就可以：

• 反白代碼中的錯誤
• 確保文法簡潔又符合標準
• 指出JavaScript常見的類型錯誤。

官方網站：http://www.jslint.com/

JSLitmus

如果你比較在意JavaScript應用程式的效能，JSLitmus絕對是一個可愛的小工具。它可以協助你建立你自己的JavaScript基準測試，以便於你權衡app開發各個階段的效能。

官方網站：http://www.broofa.com/Tools/JSLitmus/

Write Code Online

Writecodeonline.com是一個全功能的JavaScript編輯器。它操作簡單便於使用，並且幾乎可以立馬指出bug。對於大型應用程式而言，是一個不可或缺的得力助手。

Tinkerbin

這是目前最好使的線上web開發設計工具之一。Tinkerbin允許你在同一個web應用程式中測試HTML，CSS和JavaScript。使用Tinkerbin之所以在測試JavaScript程式碼片段對HTML和CSS的影響上面顯得更為便捷，是因為能看到即時結果。

可能我們會覺得JavaScript很繁瑣，但那是因為它會逐步進化，而非一開始就是一些宏偉的設計。上面這些工具和應用程式能對你的開發與測試提供裨益。並且總有一款適合你的瀏覽器，助你更加高效無bug地開發app。

譯文連結：http://www.codeceo.com/article/7-javascript-debug-tools.html
英文原文：7 Best Tools to Make JavaScript Testing Easier
翻譯作者：碼農網 – 小峰