JavaScript是一個(gè)功能強(qiáng)大的客戶端腳本語言，許多現(xiàn)代化的網(wǎng)站和Web應(yīng)用程序都會(huì)使用到它。JavaScript可以增強(qiáng)用戶的體驗(yàn)，并提供豐富的互動(dòng)式組件和功能。雖然它的語法相當(dāng)簡單，但是對(duì)開發(fā)者來說還是很有難度的，因?yàn)樗\(yùn)行在Web瀏覽器中。
以下是我們?yōu)槟阃扑]的50個(gè)相關(guān)工具:
JavaScript/AJAX編輯工具
- jQuery UI
jQuery UI是jquery官方推出的配合jquery使用的用戶界面組件集合！包含了許多的界面操作功能，如我們常用的表格排序，拖拽，TAB選項(xiàng)卡，滾動(dòng)條，相冊(cè)瀏覽，日歷控件，對(duì)話框等JS插件…
- Google Web Toolkit
Google 推出的一個(gè)開發(fā)Ajax 應(yīng)用的框架，它支持用Java 開發(fā)和調(diào)試Ajax 應(yīng)用。我們可以既充分利用Java語言的開發(fā)優(yōu)勢降低Ajax應(yīng)用開發(fā)的難度，加快Ajax應(yīng)用的開發(fā)速度，為Ajax的大規(guī)模應(yīng)用創(chuàng)造可能，又可以充分發(fā)揮Ajax技術(shù)的優(yōu)勢，創(chuàng)建更加動(dòng)態(tài)和交互性更好的Web應(yīng)用程序，提升用戶的瀏覽體驗(yàn)。
- Jx
是一個(gè)JavaScript庫，用于創(chuàng)建MooTools框架頂部的圖形用戶界面，有許多例子以及API文檔在這里 http://jxlib.org/。
- Freestyle Webtop Toolkit
可以幫你減少復(fù)雜性和時(shí)間的消耗，讓你專注于編程邏輯和用戶界面設(shè)計(jì)或其他的處理（跨瀏覽器的兼容和DHTML和Ajax的開發(fā)）。
- Script#
是一個(gè)Ajax和JavaScript編輯工具，可以讓開發(fā)者用C#進(jìn)行編寫。還允許.NET開發(fā)人員充分的發(fā)揮已學(xué)的知識(shí)，同時(shí)還為.NET框架提供強(qiáng)大的工具。
- Aptana Jaxer
號(hào)稱世界上第一個(gè)真正的Ajax服務(wù)器，由Aptana提供的一個(gè)最新產(chǎn)品。它使用Jaxer的服務(wù)端Java腳本API操作對(duì)象和數(shù)據(jù)庫，支持FTP、SMTP、HTTP等常用協(xié)議。Jaxer集成了許多非常流行的JavaScript庫，如 jQuery, Dojo 和 Ext JS。
- JS Regex Generator
JS Regex Generator可以幫助JavaScript開發(fā)人員編寫與字符串文字想匹配的正則表達(dá)式。經(jīng)常用來檢驗(yàn)文本的格式，如輸入的日期或電子郵件格式是否正確。
- WaveMaker
WaveMaker是一個(gè)Web應(yīng)用程序WYSIWYG構(gòu)建工具。它能夠創(chuàng)建基于Dojo Ajax widget，Spring與Hibernate的應(yīng)用程序。這里有 Demo Applications 。
文檔工具
- JSDoc Toolkit
是一個(gè)把js描述格式化成文檔的工具。開發(fā)者只需按JsDoc的規(guī)范寫好注釋就可以很方便導(dǎo)出文檔。
- jGrouseDoc
是一個(gè)開源項(xiàng)目，它可以將開發(fā)者的code comments使用類似于Javadoc的格式進(jìn)行管理。
JavaScript調(diào)試工具
- Firebug
它集HTML查看和編輯、Javascript控制臺(tái)、網(wǎng)絡(luò)狀況監(jiān)視器于一體，是開發(fā)JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士軍刀，從各個(gè)不同的角度剖析Web頁面內(nèi)部的細(xì)節(jié)層面，給Web開發(fā)者帶來很大的便利。另外有一個(gè)Firebug lite版本，可以通過javascript調(diào)用，包含在頁面中，從而在其他非Firefox瀏覽器中使用。
- Venkman JavaScript Debugger
基于Mozilla的瀏覽器（如firefox）的一個(gè)功能強(qiáng)大的JavaScript調(diào)試環(huán)境。提供了一系列有用的功能和選項(xiàng)，如代碼分析或檢查腳本的性能。
- Drosera
為Safari準(zhǔn)備的一個(gè)很好的調(diào)試工具。
- Opera Dragonfly
Opera Dragonfly其實(shí)就是類似Firebug那樣的網(wǎng)站/網(wǎng)路應(yīng)用程式開發(fā)工具，可以調(diào)試JavaScript、檢查CSS和DOM、查看錯(cuò)誤，是網(wǎng)站開發(fā)人員的好工具，支持PC和移動(dòng)電話。
- NitobiBug
這是一個(gè)基于瀏覽器的JavaScript對(duì)象記錄和檢查工具-類似的Firebug?？蛇\(yùn)行在不同的瀏覽器（的IE6 + ， Safari瀏覽器，opera，火狐）提供一致的和強(qiáng)大的工具，豐富了Ajax應(yīng)用程序。
- DebugBar
是一款I(lǐng)nternet Explorer插件。它可以用于檢查DOM，HTTP，Javascript及HTML代碼合法性等 ...
- Internet Explorer Developer Toolbar
同樣也是類似于Firebug，由微軟發(fā)布。該產(chǎn)品讓開發(fā)人員能夠深入探索和理解Web頁面,幫助開發(fā)者更好地創(chuàng)建Web應(yīng)用。
JavaScript的測試和驗(yàn)證工具
- Test - JavaScriptMVC
一個(gè)JavaScriptMVC組件，可以輕松的為JavaScript代碼創(chuàng)建自動(dòng)化單元測試。它可以讓你有效的測試DOM時(shí)間（如表單提交），從而減少開發(fā)時(shí)間。
- JsUnit
是一個(gè)流行的JavaScript單元測試框架，還有一個(gè)類似的支持Java的單元測試框架被稱為JUnit。允許你編寫測試案例并提供工具來自動(dòng)執(zhí)行代碼。
- JSLint
是一個(gè)JavaScript驗(yàn)證工具，可以掃描JavaScript源代碼來查找問題。一旦發(fā)現(xiàn)問題，JSLint就會(huì)顯示描述這個(gè)問題的消息，并指出錯(cuò)誤在源代碼中的大致位置。
- Crosscheck
是一個(gè)開源的JavaScript測試框架，不在Web瀏覽器中也可以進(jìn)行測試。
- YUI Test
它是由Yahoo! UI Library開發(fā)的一個(gè)JavaScriptMVC測試插件，能夠讓你模范大部分DOM動(dòng)作，比如寫，拖拽，比如模范AJAX響應(yīng)，并且能夠使用斷言(assertions)。它能夠象函數(shù)一樣運(yùn)行，并且能夠在不同的console窗口進(jìn)行集成測試。
- J3Unit
是JavaScript單元測試領(lǐng)域的新兵。這一特別的庫所提供的超越于JSUnit的功能在于，它能直接與服務(wù)器端的測試套件(如 JUnit或Jetty)溶合。對(duì)JavaScript開發(fā)者來說，這可能是極其有用的，因?yàn)樗麄兡軌蛲瑫r(shí)為他們的客戶端和服務(wù)器端代碼快速地遍歷所有的測試用例。
- Regular Expression Tool
Regular Expression Tool是一個(gè)在線工具，可以用來測試你的正則表達(dá)式，使用這個(gè)工具很方便。
- JavaScript Regular Expression Tester
另一個(gè)脫離Web瀏覽器的正則表達(dá)式測試工具。
- JSLitmus
JSLitmus是一個(gè)輕量級(jí)的工具，用于javascript的性能測試
安全工具
- AttackAPI
AttackAPI是一個(gè)基于Web的攻擊構(gòu)造庫，它可以結(jié)合PHP、JavaScript及其他客戶端和服務(wù)器端技術(shù)進(jìn)行使用。
- jsfuzzer
它是一個(gè)fuzzing工具，幫助你使用JavaScript編寫/測試attack vectors。
新的替代JavaScript和Ajax的開發(fā)框架
- Clean AJAX
Clean一個(gè)開源的Ajax引擎，一組簡化AJAX開發(fā)的高級(jí)接口。此處Clean還集成兩個(gè)開源項(xiàng)目Google AJAXSLT：為Clean添加XSLT支持。Paul Johnstone(JavaScript實(shí)現(xiàn)MD5與SHA1算法的開源項(xiàng)目)：為Clean添加對(duì)安全AJAX請(qǐng)求的支持。
- SAJAX
是一款被封裝的ajax工具，非常方便與后臺(tái)的交互，對(duì)XMLHttpRequest對(duì)象進(jìn)行了封裝，可以實(shí)現(xiàn)對(duì)服務(wù)器的異步請(qǐng)求，簡化操作。
- JavaScriptMVC
JavaScriptMVC 是一個(gè)功能強(qiáng)大的 JavaScript framework. 也是一個(gè)很棒的JavaScript測試框架，它同樣能提高開發(fā)的速度。JavaScriptMVC應(yīng)用了模型-視圖-控制器架構(gòu)模式，把業(yè)務(wù)邏輯和表示分離，使得代碼更加模塊化。
- qooxdoo
是一個(gè)功能強(qiáng)大基于JavaScript GUI工包，它讓你可以用JavaScript來開發(fā)類似于VB/Delphi風(fēng)格的具有Ajax功能的web2.0應(yīng)用程序。qooxdoo具有客戶端瀏覽器檢測功能，具有瀏覽器抽象層，可以無差別的創(chuàng)建跨瀏覽器的Web應(yīng)用程序，它提供方便的調(diào)試接口，具有事件管理、聚焦管理、定時(shí)器、邊框和對(duì)象屬性等特征。它提供一組窗體組件并擴(kuò)展了布局，它還提供跨平臺(tái)的png圖形透明支持功能。此外，qooxdoo提供一個(gè)原子組件，你可以在其基礎(chǔ)上開發(fā)你自己的組件。
- SimpleJS
SimpleJS是一個(gè)簡單，輕量的，但很特別的JavaScript框架。它提供了Ajax函數(shù)和動(dòng)態(tài)效果。
圖像處理
- Reflection.js
是一個(gè)能夠給圖片加倒影效果的JavaScript庫。
- typeface.js
提供了一個(gè)字體的解決方案，你能使用任何字體顯示，不管客戶端是否安裝了這種字體，即使不使用Flash（sIFR使用Flash）。
- CanvasGraph.js
它是一個(gè)簡單的JavaScript庫，讓你使用HTML的canvas元素創(chuàng)造bar，line和pie。
- flot
Flot是Ole Laursen開發(fā)的基于JQuery的純JavaScript實(shí)現(xiàn)的繪圖庫，F(xiàn)lot使用起來非常簡單，繪圖效果相當(dāng)絢麗，而且還支持一些圖片的操作功能。
- JavaScript Diagram Builder
是一個(gè)跨瀏覽器的javascript庫，他可以幫助你創(chuàng)建坐標(biāo)圖或圖表的，你只需要引用diagram.js在你的html頭即可。
- The Dojo Charting Engine
創(chuàng)建數(shù)據(jù)的可視化組件。
實(shí)用的工具和JavaScript腳本
- Processing.js
Processing可視化語言移植至Javascript，這是Javascript成為Flash競爭對(duì)手的第一步。
- AJAX Libraries API
Google 把一些非常流行的JavaScript 框架放到Google 的服務(wù)器上。這樣大家來說可以充分利用Google 的服務(wù)器資源。
- DamnIT
DamnIT是一個(gè)錯(cuò)誤報(bào)告服務(wù)，它可以幫你追蹤錯(cuò)誤以及您Web應(yīng)用程序的不足。
- ie7-js
是一個(gè)JavaScript庫，解決IE與W3C標(biāo)準(zhǔn)的沖突的JS庫。
- Lazy loader
是用javascript寫的jquery插件，它可以延遲加載頁面里面的圖片。在用戶瀏覽視界(頁面中可見部分)以外的圖片之前，它將不會(huì)被加載。
JavaScript代碼優(yōu)化和簡化工具
