DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript調試工具匯總
JavaScript調試工具匯總
編輯:關於JavaScript     

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

  下面這幾個基於桌面和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

  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。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved