摘要：你經(jīng)常使用JavaScript開發(fā)嗎,？你使用哪些JavaScript開發(fā)工具,？本文中，總結(jié)了一些非常實(shí)用的JavaScript工具,，全部是免費(fèi)的,。使用這些工具將直接影響你的工作效率,。
標(biāo)簽：Javascript  免費(fèi)工具  Javascript框架  Javascript類庫

在今天網(wǎng)絡(luò)開發(fā)方面，JavaScript起了很關(guān)鍵的作用,；像jQuery, MooTools, Prototype等等JavaScript框架以及其它JavaScript類庫讓我們的生活輕松了不少,。但是隨著Rich Internet Applications(RIA)的面世及迅速應(yīng)用，書寫更強(qiáng)大,，更堅(jiān)實(shí)可靠的JavaScript的需要日益迫切,。（51CTO編輯：當(dāng)前Web開發(fā) 界普遍認(rèn)為JavaScript將會成為主流，可能會成為RIA的競爭對手,。）



不管你是JavaScript新手還是經(jīng)驗(yàn)豐富的開發(fā)者,，你所使用的工具直接影響你的工作效率。開放源代碼運(yùn)動使得擁有得力的工具不再意味著付一大筆錢,；實(shí)際上你什么都不用付出,。下面是一個(gè)對JavaScript開發(fā)者真正有實(shí)用價(jià)值的免費(fèi)工具列表。

測試

JSLint –JavaScript的驗(yàn)證器

JSLint取得一個(gè)JavaScript源代碼并對其掃描,。如果發(fā)現(xiàn)問題,，它送回信息描述問題狀況及在源代碼中的大概位置。問題不一定就出在句 法上,，不過常常正是這里出錯,。JSLint查看一些風(fēng)格約定和結(jié)構(gòu)問題，它證明不了程序是否正確,。它只是提供了另一雙眼睛來幫助發(fā)現(xiàn)問題,。

JsUnit

JsUnit是一個(gè)客戶端（內(nèi)瀏覽器）JavaScript單元測試框架。它其實(shí)是JUnit給JavaScript的一個(gè)口岸,。其中還有一個(gè)平臺來在多個(gè)瀏覽器上以及運(yùn)行不同操作系統(tǒng)的多個(gè)機(jī)器上的自動執(zhí)行測試,。

YUI Test
YUI Test是一個(gè)測試框架，它針對基于瀏覽器的JavaScript解決方案,。你可以用YUI Test在JavaScript 解決方案上輕松添加單元測試,。

Obtrusive JavaScript Checker

可作為Firefox擴(kuò)展，Greasemonkey用戶腳本,，以及Ubiquity命令,；Obtrusive JavaScript Checker是一種可以掃過頁面上所有元素的工具，發(fā)現(xiàn)帶有行內(nèi)事件的HTML元素（這是有危害性的,，JavaScript應(yīng)該是不張揚(yáng)的）時(shí),，它給這 部分加紅邊使其凸顯。

Crosscheck

Crosscheck是一個(gè)開源測試框架,，驗(yàn)證內(nèi)瀏覽器JavaScript代碼。它幫助你確保代碼可以在Internet Explorer和Firefox等種種不同的瀏覽器上運(yùn)行,，而這些瀏覽器都不需要安裝,。

JSLitmus
JSLitmus是一個(gè)輕量級工具用來制作JavaScript的特定標(biāo)準(zhǔn)測試,。

JavaScriptMVC的測試插件
JavaScriptMVC的測試庫提供事件模擬，單元測試,，Ajax 夾具,，和一個(gè)控制臺程序。

調(diào)試

Javascript調(diào)試工具包

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

Firebug

作為最受歡迎的網(wǎng)頁開發(fā)程序工具，F(xiàn)irebug是Firefox的一個(gè)插件,，可以用它在任何網(wǎng)頁上現(xiàn)時(shí)編輯,，調(diào)試和監(jiān)控CSS, HTML, 和JavaScript。它提供給JavaScript登陸和調(diào)試控制臺一些有用的功能如AJAX requests logging,，JavaScript解釋器,，DOM explorer等等。Firebug Lite 可以在IE, Opera, 和Safari上使用,。

Venkman
Venkman為基于Gecko的瀏覽器提供功能強(qiáng)大JavaScript調(diào)試環(huán)境,。這個(gè)調(diào)試器以Firefox & Mozilla插件的形式使用?？梢栽谟脩艚缑嫔虾涂刂婆_命令中使用斷點(diǎn)管理,，調(diào)用棧檢查，變量/對象檢查等功能,，可以讓你以最習(xí)慣的方式調(diào)劑,。

NitobiBug

NitobiBug是一種基于瀏覽器的JavaScript對象記錄和檢查工具——與Firebug作用相似。NitobiBug在可以在不同的 服務(wù)器（IE6+, Safari, Opera, Firefox）上運(yùn)行以提供開發(fā)各種Ajax應(yīng)用程序一致且功能強(qiáng)大的工具,。

DamnIT

DamnIT是一種免費(fèi)服務(wù),，當(dāng)用戶在網(wǎng)頁上遇到JavaScript錯誤時(shí)它會給你發(fā)送電子郵件。

JS Bin

JS Bin是一種在線網(wǎng)絡(luò)應(yīng)用程序,，為幫助JavaScript開發(fā)者在一定情景里測試代碼片段以及協(xié)作調(diào)試代碼而特別設(shè)計(jì),。你可以用JS Bin在線編輯測試JavaScript和HTML代碼。一旦完成,，你可以將URL保存并發(fā)送給同伴來進(jìn)行審查或獲得幫助,。

Blackbird

許多JavaScript開發(fā)者僅僅使用alert()來顯示各種信息調(diào)試代碼。Blackbird在JavaScript上提供了記錄信息的簡單方式以及一個(gè)引人注意的控制臺程序來察看并過濾信息,。



HTTP監(jiān)控

Fiddler

Fiddler是一種Web調(diào)試代理,，它記錄你的電腦和網(wǎng)絡(luò)之間所有的HTTP(S)流量?？梢杂肍iddler檢查所有HTTP(S)流量,，設(shè)置斷點(diǎn)，干涉進(jìn)來或出去的數(shù)據(jù)。

TamperData

TamperData是一個(gè)追蹤并修改http/https請求的Firefox擴(kuò)展,?？梢杂盟龌诰W(wǎng)絡(luò)的應(yīng)用程序的安全測試，追蹤請求/回應(yīng),。

Live HTTP Headers

可以在瀏覽的時(shí)候查看網(wǎng)頁的HTTP headers,。可以用Live HTTP Headers調(diào)試網(wǎng)頁應(yīng)用程序,，找出遠(yuǎn)端網(wǎng)站使用的是那種網(wǎng)站服務(wù)器,，或者查看遠(yuǎn)端網(wǎng)站發(fā)送的小數(shù)據(jù)文件。

文件

jGrouseDoc

jGrouseDoc可以從源代碼中的注釋生成API文件,。你可以用這個(gè)工具記載你需要的所有構(gòu)造——不僅有函數(shù)和變量,，還有類文件包，界面,，命 名空間,，包和其它。使用那種JavaScript框架是無關(guān)緊要的——你可以不采取框架或工具強(qiáng)加的方式而以自己希望的方式記錄代碼,，

JSDoc Toolkit

JavaScript的一種文件產(chǎn)生器,，以JavaScript形式寫成；它自動從加注的JavaScript源代碼中生成格式模版化,，多頁面HTML（或XML, JSON, 抑或其它文本）,。

壓縮

Online Javascript Compression Tool
一個(gè)可以用一些壓縮算法如JSMin 和 Packer壓縮JavaScript文件的在線JavaScript壓縮器。壓縮的JavaScript文件是生產(chǎn)環(huán)境中的理想文件,，因?yàn)樗鼈兂３⑽?件大小減小30-90%,。在很大程度上，文件尺寸的縮小是通過除去網(wǎng)頁瀏覽者或訪問者不需要的注釋和多余的空格字符來實(shí)現(xiàn)的,。

Scriptalizer

一個(gè)將多個(gè)JavaScript文件組合為一個(gè)文件的在線工具,。

Dojo ShrinkSafe

一種命令行實(shí)用程序，允許你用瀏覽器縮小文件大小,，從而縮短響應(yīng)時(shí)間,。Dojo壓縮器不是建立在脆弱的規(guī)則表達(dá)式基礎(chǔ)上的。它基于來自莫茲拉專案 的JavaScript引擎,。由于一個(gè)基于真正的parse stream,，Dojo壓縮器比基于規(guī)則表達(dá)式的工具可以更好體現(xiàn)代符（變量名等等）的環(huán)境。

YUI Compressor

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

格式化

JavaScript代碼美化工具

這個(gè)美化工具可處理散亂或壓縮的JavaScript代碼,，不斷對其進(jìn)行快速的格式化并使其可讀,。

編輯程序&集成開發(fā)環(huán)境

Aptana Studio

Aptana Studio是一個(gè)完整的網(wǎng)絡(luò)開發(fā)環(huán)境,。它提供有JavaScript代碼自動完成和調(diào)試,，HTML/CSS/JavaScript代碼提示，以及對重要 的Ajax類庫的支持,。Aptana Studio甚至給你頁面上所有的,，包括你自己的JavaScript提供代碼提示。

Komodo Edit

Komodo Edit是一種免費(fèi)開放的源編輯程序,。它提供自動完成,，調(diào)用提示，多種語言支持,，語法高亮顏色顯示,，語法檢查，Vi emulation,，Emacs快捷鍵綁定等等功能,。擴(kuò)展Komodo Edit是其最實(shí)用的功能之一。你會發(fā)現(xiàn)各種對JavaScript開發(fā)者有用的擴(kuò)展（如JSLint plugin for Komodo, Venkman JavaScript Debugger,，等等）,。

Spket IDE

Spket IDE是JavaScript和XML開發(fā)功能強(qiáng)大的工具包。JavaScript, XUL/XBL and Yahoo! Widget開發(fā)功能強(qiáng)大的編輯器,。JavaScript編輯器有代碼完成,，語法高亮顯示和內(nèi)容概要等功能，這些功能幫助開發(fā)者高效制作出有效的 JavaScript代碼,。Spket IDE為非商業(yè)用途免費(fèi)提供,。

其它工具

Google的 AJAX APIs Playground

AJAX API Playground裝載有Google JavaScript APIs（Maps, Search, Feeds, Calendar, Visualization, Language, Blogger, Libraries和 Earth,等等）例子，你可以編輯運(yùn)行這些例子幫助你探究Google的APIs可提供的功能,。同時(shí)也還有保存和輸出功能,。你可以用保存功能保持編輯的 例子以留待以后使用。而輸出功能可用來修改例子并把代碼公布在一個(gè)永久的URL上,。

QuirksMode – 相容性表

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

HTML到JavaScript轉(zhuǎn)換器

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

Glimmer

Glimmer是一種桌面應(yīng)用軟件,，可以用它利用jQuery庫的作用在網(wǎng)頁上輕松制作交互式元素,。可以用它輕松制作交錯感受如旋轉(zhuǎn)相冊/報(bào)頭,，下拉導(dǎo)航,，懸停效果，或自定義動畫。

jQuery Function Builder

你可以用這個(gè)工具很快建立一個(gè)函數(shù)集,，當(dāng)頁面加載完畢/準(zhǔn)備完畢時(shí),，調(diào)用該函數(shù)集。

JavaScript Regex Generator

一個(gè)制作規(guī)則表達(dá)的在線工具,。

其它瀏覽器擴(kuò)展

Firefox, Flock & Seamonkey的網(wǎng)絡(luò)開發(fā)人員擴(kuò)展

網(wǎng)絡(luò)開發(fā)人員拓展在瀏覽器中增加了一個(gè)菜單和工具條,，其中包含許多網(wǎng)絡(luò)開發(fā)工具包括能使你的XHTML生效，發(fā)現(xiàn)JavaScript/CSS的錯誤,，網(wǎng)頁結(jié)構(gòu)可視化,，測試網(wǎng)絡(luò)表單，改變運(yùn)行中的XHTML,，檢查HTTP頭信息等等,。

Opera Dragonfly

Opera Dragonfly 是Opera瀏覽器的跨設(shè)備，跨平臺調(diào)試環(huán)境—調(diào)試 JavaScript, 檢查編輯CSS和DOM,， 并且查看移動設(shè)備或計(jì)算機(jī)上的錯誤,。

IE6/7的開發(fā)者工具條

微軟的英特網(wǎng)瀏覽器開發(fā)者工具條為網(wǎng)頁的快速創(chuàng)建，理解和故障診斷提供了各種的工具,。

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