下面這幾個基於桌面和WEB的JavaScript除錯工具,能讓你更高效地除錯JavaScript程式碼,這樣就可以:
- 更有效地處理動態型別
- 使應用程式更符合編碼標準
Firebug
Firebug已經出現很多年了,它為那些主要在Firefox上建立應用程式的開發人員提供了一個應用擴充套件。
- 是做HTML、CSS和JavaScript測試的專用應用程式
- 比預設瀏覽器自帶的開發者工具的功能更強大
- 允許設定斷點,以便於在各個階段測試結果
如果你是在其他的瀏覽器上,如谷歌的Chrome瀏覽器上面開發程式,那可以試試Firebug的精簡版,功能相同,只是介面稍微有所差別而已。
官方網站:http://getfirebug.com/
Opera Dragonfly
Opera瀏覽器並不是非常流行,其網際網路使用者使用人數甚至不到全世界的1%。但是,其開放式的JavaScript測試和除錯工具可能會吸引到你。
- 更輕鬆地檢查DOM
- 立馬看到修改CSS和JavaScript後的結果
- 檢查錯誤,更快地找到它們的根源
其他瀏覽器也正在不斷改善以媲美Opera Dragonfly,但是就目前它對Web開發人員而言依然是最好的測試工具之一。
官方網站:http://www.opera.com/dragonfly/
Debug bar
InternetExplorer不像Firefox和Chrome那樣提供多種外掛,但是對於這個目前世界上使用人數最多的瀏覽器而言,DebugBar是最好的前端除錯工具之一。它涵蓋了幾乎所有你需要的功能:
- DOM檢查
- Cookie檢查
- JavaScript除錯
如果您的主瀏覽器是Internet Explorer,那麼DebugBar絕對是躋身於先進JavaScript工具的明智選擇。
官方網站:http://www.debugbar.com/
JSLint
JSLint是由當今世界Web開發領域最知名的技術權威之一——DouglasCrockford所建立的一個基於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。
英文原文:7 Best Tools to Make JavaScript Testing Easier
翻譯作者:碼農網 – 小峰
來自:碼農網
評論(1)