27 個必備的Javascript 開發工具

27 個必備的Javascript 開發工具

Javascript 作為用戶端指令碼語言而廣泛流行，對web 開發人員來說它是一門非常重要的語言。下面是收集的27種 JavaScript工具 ，使用它們可以很大程度的提高你的開發效率，減少錯誤和調試。也可以訪問我的獨立部落格原文： Java愛好者

壓縮

1)          Online Javascript Compression Tool

一個可以用一些壓縮演算法如JSMin   和 Packer 壓縮JavaScript 檔案的線上JavaScript 壓縮器。壓縮的JavaScript 檔案是生產環境中的理想檔案，因為它們常常將檔案大小減小30-90% 。在很大程度上，檔案尺寸的縮小是通過除去網頁瀏覽者或訪問者不需要的注釋和多餘的空白字元來實現的。

2)          Scriptalizer

一個將多個JavaScript 檔案組合為一個檔案的線上工具。

3)          Dojo ShrinkSafe

一種命令列公用程式，允許你用瀏覽器縮小檔案大小，從而縮短回應時間。Dojo 壓縮器不是建立在脆弱的規則運算式基礎上的。它基於來自莫茲拉專案的JavaScript 引擎。由於一個基於真正的parse stream ，Dojo 壓縮器比基於規則運算式的工具可以更好體現代符（變數名等等）的環境。

4)          YUI Compressor

The YUI Compressor 是一種JavaScript 壓縮器。去除注釋和空格之外，它還可以用最小可用變數名混淆局部變數。即使在使用‘eval’ 或‘with’ 之類構造（在這些情況下壓縮並不合適），這種混淆也是安全的。與jsmin 相比，它平均節省20% 。

格式化

5)          JavaScript代碼美化工具

這個美化工具可處理散亂或壓縮的JavaScript 代碼，不斷對其進行快速的格式化並使其可讀。

編輯程式& 整合式開發環境

6)          Aptana Studio

Aptana Studio 是一個完整的網路開發環境。它提供有JavaScript 代碼自動完成和調試，HTML/CSS/JavaScript 代碼提示，以及對重要的Ajax 類庫的支援。Aptana Studio 甚至給你頁面上所有的，包括你自己的JavaScript 提供代碼提示。

7)          Komodo Edit

Komodo Edit 是一種免費開放的源編輯程式。它提供自動完成，調用提示，多種語言支援，文法醒目提示顯示，語法檢查，Vi emulation ，Emacs 快速鍵綁定等等功能。擴充Komodo Edit 是其最實用的功能之一。你會發現各種對JavaScript 開發人員有用的擴充（如JSLint
plugin for Komodo ，Venkman JavaScript Debugger ，等等）。

8)          Spket IDE

Spket IDE 是JavaScript 和XML 開發功能強大的工具包。JavaScript, XUL/XBL and Yahoo! Widget 開發功能強大的編輯器。JavaScript 編輯器有程式碼完成，文法高亮顯示和內容概要等功能，這些功能協助開發人員高效製作出有效JavaScript 代碼。Spket IDE 為非商業用途免費提供。

測試

9)          JSLint –JavaScript的驗證器

JSLint 取得一個JavaScript 原始碼並對其掃描。如果發現問題，它送回資訊描述問題狀況及在原始碼中的大概位置。問題不一定就出在句法上，不過常常正是這裡出錯。JSLint 查看一些風格約定和結構問題，它證明不了程式是否正確。它只是提供了另一雙眼睛來協助發現問題。

10)      JsUnit

JsUnit 是一個用戶端（內瀏覽器）JavaScript 單元測試架構。它其實是JUnit 給JavaScript 的一個口岸。其中還有一個平台來在多個瀏覽器上以及運行不同作業系統的多個機器上的自動執行測試。

11)      YUI Test

YUI Test 是一個測試架構，它針對基於瀏覽器的JavaScript 解決方案。你可以用YUI Test 在JavaScript  解決方案上輕鬆添加單元測試。

12)      Obtrusive JavaScript Checker

可作為Firefox 擴充，Greasemonkey 使用者指令碼，以及Ubiquity 命令；Obtrusive JavaScript Checker 是一種可以掃過頁面上所有元素的工具，發現帶有行內事件的HTML 元素（這是有危害性的，JavaScript 應該是不張揚的）時，它給這部分加紅邊使其凸顯。

13)      Crosscheck

Crosscheck 是一個開源測試架構，驗證內瀏覽器JavaScript 代碼。它協助你確保代碼可以在Internet Explorer 和Firefox 等種種不同的瀏覽器上運行，而這些瀏覽器都不需要安裝。

14)      JSLitmus

JSLitmus 是一個輕量級工具用來製作JavaScript 的特定標準測試。

15)      JavaScriptMVC的測試外掛程式

JavaScriptMVC 的測試庫提供事件類比，單元測試，Ajax  夾具，和一個控制台程式。

調試

16)      Javascript調試工具包

JavaScript 調試工具包是一種跨瀏覽器調試JavaScript 的eclipse plugin ，它可以在IE,Firefox,Safari,Chrome,Opera 甚至是行動瀏覽器上調試JavaScript 。

17)      Firebug

作為最受歡迎的網頁開發程式工具，Firebug 是Firefox 的一個外掛程式，可以用它在任何網頁上現時編輯，調試和監控CSS, HTML,  和JavaScript 。它提供給JavaScript 登陸和偵錯主控台一些有用的功能如AJAX requests logging ，JavaScript 解譯器，DOM explorer 等等。

Firebug Lite   可以在IE, Opera,  和Safari 上使用。

18)      Venkman

Venkman 為基於Gecko 的瀏覽器提供功能強大JavaScript 調試環境。這個調試器以Firefox & Mozilla 外掛程式的形式使用。可以在使用者介面上和控制台命令中使用斷點管理，調用棧檢查，變數/ 對象檢查等功能，可以讓你以最習慣的方式調劑。

19)      NitobiBug

NitobiBug 是一種基於瀏覽器的JavaScript 對象記錄和檢查工具—— 與Firebug 作用相似。NitobiBug 在可以在不同的伺服器（IE6+, Safari, Opera, Firefox ）上運行以提供開發各種Ajax 應用程式一致且功能強大的工具。

20)      DamnIT

DamnIT 是一種免費服務，當使用者在網頁上遇到JavaScript 錯誤時它會給你寄送電子郵件。

21)      JS Bin

JS Bin 是一種線上網路應用程式，為協助JavaScript 開發人員在一定情景裡測試程式碼片段以及協作調試代碼而特別設計。你可以用JS Bin 線上編輯測試JavaScript 和HTML 代碼。一旦完成，你可以將URL 儲存並發送給同伴來進行審查或獲得協助。

22)      Blackbird

許多JavaScript 開發人員僅僅使用alert() 來顯示各種資訊調試代碼。Blackbird 在JavaScript 上提供了記錄資訊的簡單方式以及一個引人注意的控制台程式來察看並過濾資訊。

HTTP 監控

23)      Fiddler

Fiddler 是一種Web 調試代理，它記錄你的電腦和網路之間所有的HTTP(S) 流量。可以用Fiddler 檢查所有HTTP(S) 流量，設定斷點，幹涉進來或出去的資料。

24)      TamperData

TamperData 是一個追蹤並修改http/https 請求的Firefox 擴充。可以用它做基於網路的應用程式的安全性測試，追蹤請求/ 回應。

25)      Live HTTP Headers

可以在瀏覽的時候查看網頁的HTTP headers 。可以用Live HTTP Headers 調試網頁應用程式，找出遠端網站使用的是那種網站伺服器，或者查看遠端網站發送的小資料檔案。

檔案

26)      jGrouseDoc

jGrouseDoc 可以從原始碼中的注釋產生API 檔案。你可以用這個工具記載你需要的所有構造—— 不僅有函數和變數，還有類檔案包，介面，命名空間，包和其它。使用那種JavaScript 架構是無關緊要的—— 你可以不採取架構或工具強加的方式而以自己希望的方式記錄代碼

27)      JSDoc Toolkit

JavaScript 的一種檔案產生器，以JavaScript 形式寫成；它自動從加註的JavaScript 原始碼中產生格式模版化，多頁面HTML（或XML, JSON, 抑或其它文本）。

 

轉載：http://java7.javaeye.com/blog/828953