JavaScript開發工具列表

摘要：你經常使用JavaScript開發嗎？你使用哪些JavaScript開發工具？本文中，總結了一些非常實用的JavaScript工具，全部是免費的。使用這些工具將直接影響你的工作效率。

在今天網路開發方面，JavaScript起了很關鍵的作用；像jQuery, MooTools, Prototype等等JavaScript架構以及其它JavaScript類庫讓我們的生活輕鬆了不少。但是隨著Rich Internet Applications(RIA)的面世及迅速應用，書寫更強大，更堅實可靠的JavaScript的需要日益迫切。

不管你是JavaScript新手還是經驗豐富的開發人員，你所使用的工具直接影響你的工作效率。開放原始碼運動使得擁有得力的工具不再意味著付一大筆錢；實際上你什麼都不用付出。下面是一個對JavaScript開發人員真正有實用價值的免費工具列表。

測試
JSLint –JavaScript的驗證器
JSLint取得一個JavaScript原始碼並對其掃描。如果發現問題，它送回資訊描述問題狀況及在原始碼中的大概位置。問題不一定就出在句法上，不過常常正是這裡出錯。JSLint查看一些風格約定和結構問題，它證明不了程式是否正確。它只是提供了另一雙眼睛來協助發現問題。JsUnit
JsUnit是一個用戶端（內瀏覽器）JavaScript單元測試架構。它其實是JUnit給JavaScript的一個口岸。其中還有一個平台來在多個瀏覽器上以及運行不同作業系統的多個機器上的自動執行測試。

YUI Test
YUI Test是一個測試架構，它針對基於瀏覽器的JavaScript解決方案。你可以用YUI Test在JavaScript 解決方案上輕鬆添加單元測試。
Obtrusive JavaScript Checker
可作為Firefox擴充，Greasemonkey使用者指令碼，以及Ubiquity命令；Obtrusive JavaScript Checker是一種可以掃過頁面上所有元素的工具，發現帶有行內事件的HTML元素（這是有危害性的，JavaScript應該是不張揚的）時，它給這部分加紅邊使其凸顯。

Crosscheck
Crosscheck是一個開源測試架構，驗證內瀏覽器JavaScript代碼。它協助你確保代碼可以在Internet Explorer和Firefox等種種不同的瀏覽器上運行，而這些瀏覽器都不需要安裝。
JSLitmus
JSLitmus是一個輕量級工具用來製作JavaScript的特定標準測試。
JavaScriptMVC的測試外掛程式
JavaScriptMVC的測試庫提供事件類比，單元測試，Ajax 夾具，和一個控制台程式。
調試
Javascript調試工具包
JavaScript調試工具包是一種跨瀏覽器調試JavaScript的eclipse plugin，它可以在IE,Firefox,Safari,Chrome,Opera甚至是行動瀏覽器上調試JavaScript。

Firebug
作為最受歡迎的網頁開發程式工具，Firebug是Firefox的一個外掛程式，可以用它在任何網頁上現時編輯，調試和監控CSS, HTML, 和JavaScript。它提供給JavaScript登陸和偵錯主控台一些有用的功能如AJAX requests logging，JavaScript解譯器，DOM explorer等等。Firebug Lite 可以在IE, Opera, 和Safari上使用。
Venkman
Venkman為基於Gecko的瀏覽器提供功能強大JavaScript調試環境。這個調試器以Firefox & Mozilla外掛程式的形式使用。可以在使用者介面上和控制台命令中使用斷點管理，調用棧檢查，變數/對象檢查等功能，可以讓你以最習慣的方式調劑。

NitobiBug
NitobiBug是一種基於瀏覽器的JavaScript對象記錄和檢查工具——與Firebug作用相似。NitobiBug在可以在不同的伺服器（IE6+, Safari, Opera, Firefox）上運行以提供開發各種Ajax應用程式一致且功能強大的工具。
DamnIT
DamnIT是一種免費服務，當使用者在網頁上遇到JavaScript錯誤時它會給你寄送電子郵件。

JS Bin
JS Bin是一種線上網路應用程式，為協助JavaScript開發人員在一定情景裡測試程式碼片段以及協作調試代碼而特別設計。你可以用JS Bin線上編輯測試JavaScript和HTML代碼。一旦完成，你可以將URL儲存並發送給同伴來進行審查或獲得協助。
Blackbird
許多JavaScript開發人員僅僅使用alert()來顯示各種資訊調試代碼。Blackbird在JavaScript上提供了記錄資訊的簡單方式以及一個引人注意的控制台程式來察看並過濾資訊。
HTTP監控
Fiddler
Fiddler是一種Web調試代理，它記錄你的電腦和網路之間所有的HTTP(S)流量。可以用Fiddler檢查所有HTTP(S)流量，設定斷點，幹涉進來或出去的資料。

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

Live HTTP Headers
可以在瀏覽的時候查看網頁的HTTP headers。可以用Live HTTP Headers調試網頁應用程式，找出遠端網站使用的是那種網站伺服器，或者查看遠端網站發送的小資料檔案。
檔案
jGrouseDoc
jGrouseDoc可以從原始碼中的注釋產生API檔案。你可以用這個工具記載你需要的所有構造——不僅有函數和變數，還有類檔案包，介面，命名空間，包和其它。使用那種JavaScript架構是無關緊要的——你可以不採取架構或工具強加的方式而以自己希望的方式記錄代碼，
JSDoc Toolkit
JavaScript的一種檔案產生器，以JavaScript形式寫成；它自動從加註的JavaScript原始碼中產生格式模版化，多頁面HTML（或XML, JSON, 抑或其它文本）。
壓縮
Online Javascript Compression Tool
一個可以用一些壓縮演算法如JSMin 和 Packer壓縮JavaScript檔案的線上JavaScript壓縮器。壓縮的JavaScript檔案是生產環境中的理想檔案，因為它們常常將檔案大小減小30-90%。在很大程度上，檔案尺寸的縮小是通過除去網頁瀏覽者或訪問者不需要的注釋和多餘的空白字元來實現的。

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

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

YUI Compressor The YUI Compressor是一種JavaScript壓縮器。去除注釋和空格之外，它還可以用最小可用變數名混淆局部變數。即使在使用'eval’或 'with’之類構造（在這些情況下壓縮並不合適），這種混淆也是安全的。與jsmin相比，它平均節省20%。
格式化
JavaScript代碼美化工具
這個美化工具可處理散亂或壓縮的JavaScript代碼，不斷對其進行快速的格式化並使其可讀。

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

Komodo Edit
Komodo Edit是一種免費開放的源編輯程式。它提供自動完成，調用提示，多種語言支援，文法醒目提示顯示，語法檢查，

Vi emulation，Emacs快速鍵綁定等等功能。擴充Komodo Edit是其最實用的功能之一。你會發現各種對JavaScript開發人員有用的擴充（如JSLint plugin for Komodo, Venkman JavaScript Debugger，等等）。

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

其它工具
Google的 AJAX APIs Playground
AJAX API Playground裝載有Google JavaScript APIs（Maps, Search, Feeds, Calendar, Visualization, Language, Blogger, Libraries和 Earth,等等）例子，你可以編輯運行這些例子協助你探究Google的APIs可提供的功能。同時也還有儲存和輸出功能。你可以用儲存功能保持編輯的例子以留待以後使用。而輸出功能可用來修改例子並把代碼公布在一個永久的URL上。

QuirksMode – 相容性表
檢查CSS2, CSS3, DOM Core, DOM HTML, DOM CSS, DOM Events 和CSS Object Model View主要瀏覽器相容性狀態的最受歡迎的出處。

HTML到JavaScript轉換器
HTML到JavaScript轉換器獲得置標並將它轉換成一系列可以在JavaScript塊中使用的document.write()申明。

Glimmer
Glimmer是一種案頭應用軟體，可以用它利用jQuery庫的作用在網頁上輕鬆製作互動式元素。可以用它輕鬆製作交錯感受如旋轉相簿/前序，下拉導航，懸停效果，或自訂動畫。

jQuery Function Builder
你可以用這個工具很快建立一個函數集，當頁面載入完畢/準備完畢時，調用該函數集。

JavaScript Regex Generator
一個製作規則表達的線上工具。
其它瀏覽器延伸
Firefox, Flock & Seamonkey的網路開發人員擴充
網路開發人員拓展在瀏覽器中增加了一個菜單和工具條，其中包含許多網路開發套件括能使你的XHTML生效，發現JavaScript/CSS的錯誤，網頁結構可視化，測試網路表單，改變運行中的XHTML，檢查HTTP頭資訊等等。

Opera Dragonfly
Opera Dragonfly 是Opera瀏覽器的跨裝置，跨平台調試環境—調試 JavaScript, 檢查編輯CSS和DOM， 並且查看行動裝置或電腦上的錯誤。
IE6/7的開發人員工具條
微軟的英特網瀏覽器開發人員工具條為網頁的快速建立，理解和故障診斷提供了各種的工具。

原文：List of Really Useful Free Tools For JavaScript Developers