在今天網(wǎng)絡(luò)開發(fā)方面，t起了很關(guān)鍵的作用；像jQuery,MooTools,Prototype等等t框架以及其它t類庫讓我們的生活輕松了不少。但是隨著RichInternetApplications(RIA)的面世及迅速應(yīng)用，書寫更強大，更堅實可靠的t的需要日益迫切。（51CTO編輯：當(dāng)前Web開發(fā)界普遍認為t將會成為主流，可能會成為RIA的競爭對手。）
　　不管你是t新手還是經(jīng)驗豐富的開發(fā)者，你所使用的工具直接影響你的工作效率。開放源代碼運動使得擁有得力的工具不再意味著付一大筆錢；實際上你什么都不用付出。下面是一個對t開發(fā)者真正有實用價值的免費工具列表。

　　測試

　　JSLint –t的驗證器

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

　　JsUnit

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

　　YUI Test

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

　　Obtrusive t Checker

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

　　Crosscheck

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

　　JSLitmus

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

　　tMVC的測試插件

　　tMVC的測試庫提供事件模擬，單元測試，Ajax 夾具，和一個控制臺程序。

　　調(diào)試

　　t調(diào)試工具包

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

　　Firebug

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

　　Venkman

　　Venkman為基于Gecko的瀏覽器提供功能強大t調(diào)試環(huán)境。這個調(diào)試器以Firefox&Mozilla插件的形式使用。可以在用戶界面上和控制臺命令中使用斷點管理，調(diào)用棧檢查，變量/對象檢查等功能，可以讓你以最習(xí)慣的方式調(diào)劑。

　　NitobiBug

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

　　DamnIT

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

　　JS Bin

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

　　Blackbird

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

　　共2頁: 1 2

　　內(nèi)容導(dǎo)航

　　第 1 頁：t測試與調(diào)試 第 2 頁：t其他工具與瀏覽器擴展

　　 HTTP監(jiān)控

　　Fiddler

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

　　TamperData

　　TamperData是一個追蹤并修改http/https請求的Firefox擴展。可以用它做基于網(wǎng)絡(luò)的應(yīng)用程序的安全測試，追蹤請求/回應(yīng)。

　　Live HTTP Headers

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

　　文件

　　jGrouseDoc

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

　　JSDoc Toolkit

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

　　壓縮

　　Online t Compression Tool

　　一個可以用一些壓縮算法如JSMin和Packer壓縮t文件的在線t壓縮器。壓縮的t文件是生產(chǎn)環(huán)境中的理想文件，因為它們常常將文件大小減小30-90%。在很大程度上，文件尺寸的縮小是通過除去網(wǎng)頁瀏覽者或訪問者不需要的注釋和多余的空格字符來實現(xiàn)的。

　　talizer

　　一個將多個t文件組合為一個文件的在線工具。

　　Dojo ShrinkSafe

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

　　YUI Compressor

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

　　格式化

　　t代碼美化工具

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

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

　　Aptana Studio

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

　　Komodo Edit

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

　　Spket IDE

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

　　其它工具

　　Google的 AJAX APIs Playground

　　AJAX API Playground裝載有Google t 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 tModelView主要瀏覽器相容性狀態(tài)的最受歡迎的出處。

　　HTML到t轉(zhuǎn)換器

　　Glimmer

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

　　jQuery n Builder

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

　　t Regex Generator

　　一個制作規(guī)則表達的在線工具。

　　其它瀏覽器擴展

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

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

　　Opera Dragonfly

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

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

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

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

　　作者：W3Avenue小組

　　編輯推薦

　　應(yīng)用最廣的十大t框架

　　t將成Silverlight的最大對手？

　　t 函數(shù)庫的未來