?

JavaScript是一個(gè)功能強(qiáng)大的客戶(hù)端腳本語(yǔ)言，許多現(xiàn)代化的網(wǎng)站和Web應(yīng)用程序都會(huì)使用到它。JavaScript可以增強(qiáng)用戶(hù)的體驗(yàn)，并提供豐富的互動(dòng)式組件和功能。雖然它的語(yǔ)法相當(dāng)簡(jiǎn)單，但是對(duì)開(kāi)發(fā)者來(lái)說(shuō)還是很有難度的，因?yàn)樗\(yùn)行在Web瀏覽器中。

以下是我們?yōu)槟阃扑]的50個(gè)相關(guān)工具:

JavaScript/AJAX編輯工具

• jQuery UI
  jQuery UI是jquery官方推出的配合jquery使用的用戶(hù)界面組件集合！包含了許多的界面操作功能，如我們常用的表格排序，拖拽，TAB選項(xiàng)卡，滾動(dòng)條，相冊(cè)瀏覽，日歷控件，對(duì)話框等JS插件…

  
  
  ?

• Google Web Toolkit
  Google 推出的一個(gè)開(kāi)發(fā)Ajax 應(yīng)用的框架，它支持用Java 開(kāi)發(fā)和調(diào)試Ajax 應(yīng)用。我們可以既充分利用Java語(yǔ)言的開(kāi)發(fā)優(yōu)勢(shì)降低Ajax應(yīng)用開(kāi)發(fā)的難度，加快Ajax應(yīng)用的開(kāi)發(fā)速度，為Ajax的大規(guī)模應(yīng)用創(chuàng)造可能，又可以充分 發(fā)揮Ajax技術(shù)的優(yōu)勢(shì)，創(chuàng)建更加動(dòng)態(tài)和交互性更好的Web應(yīng)用程序，提升用戶(hù)的瀏覽體驗(yàn)。
• Jx
  是一個(gè)JavaScript庫(kù)，用于創(chuàng)建MooTools框架頂部的圖形用戶(hù)界面，有許多例子以及API文檔在這里 http://jxlib.org/。

  
  
  ?

• Freestyle Webtop Toolkit
  可以幫你減少?gòu)?fù)雜性和時(shí)間的消耗，讓你專(zhuān)注于編程邏輯和用戶(hù)界面設(shè)計(jì)或其他的處理（跨瀏覽器的兼容和DHTML和Ajax的開(kāi)發(fā)）。

  
  
  ?

• Script#
  是一個(gè)Ajax和JavaScript編輯工具，可以讓開(kāi)發(fā)者用C#進(jìn)行編寫(xiě)。還允許.NET開(kāi)發(fā)人員充分的發(fā)揮已學(xué)的知識(shí)，同時(shí)還為.NET框架提供強(qiáng)大的工具。

  
  
  ?

• Aptana Jaxer
  號(hào)稱(chēng)世界上第一個(gè)真正的Ajax服務(wù)器，由Aptana提供的一個(gè)最新產(chǎn)品。它使用Jaxer的服務(wù)端Java腳本API操作對(duì)象和數(shù)據(jù)庫(kù)，支持FTP、SMTP、HTTP等常用協(xié)議。Jaxer集成了許多非常流行的JavaScript庫(kù)，如 jQuery, Dojo 和 Ext JS 。
• JS Regex Generator
  JS Regex Generator可以幫助JavaScript開(kāi)發(fā)人員編寫(xiě)與字符串文字想匹配的正則表達(dá)式。經(jīng)常用來(lái)檢驗(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描述格式化成文檔的工具。開(kāi)發(fā)者只需按JsDoc的規(guī)范寫(xiě)好注釋就可以很方便導(dǎo)出文檔。
• jGrouseDoc
  是一個(gè)開(kāi)源項(xiàng)目，它可以將開(kāi)發(fā)者的code comments使用類(lèi)似于Javadoc的格式進(jìn)行管理。

  
  
  ?

?

JavaScript調(diào)試工具

• Firebug
  它集HTML查看和編輯、Javascript控制臺(tái)、網(wǎng)絡(luò)狀況監(jiān)視器于一體，是開(kāi)發(fā)JavaScript、CSS、HTML和Ajax的得力助手。 Firebug如同一把精巧的瑞士軍刀，從各個(gè)不同的角度剖析Web頁(yè)面內(nèi)部的細(xì)節(jié)層面，給Web開(kāi)發(fā)者帶來(lái)很大的便利。另外有一個(gè)Firebug lite版本，可以通過(guò)javascript調(diào)用，包含在頁(yè)面中，從而在其他非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í)就是類(lèi)似Firebug那樣的網(wǎng)站/網(wǎng)路應(yīng)用程式開(kāi)發(fā)工具，可以調(diào)試JavaScript、檢查CSS和DOM、查看錯(cuò)誤，是網(wǎng)站開(kāi)發(fā)人員的好工具，支持PC和移動(dòng)電話。
  
• NitobiBug
  這是一個(gè)基于瀏覽器的JavaScript對(duì)象記錄和檢查工具-類(lèi)似的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
  同樣也是類(lèi)似于Firebug，由微軟發(fā)布。該產(chǎn)品讓開(kāi)發(fā)人員能夠深入探索和理解Web頁(yè)面,幫助開(kāi)發(fā)者更好地創(chuàng)建Web應(yīng)用。
  

JavaScript的測(cè)試和驗(yàn)證工具

• Test - JavaScriptMVC
  一個(gè)JavaScriptMVC組件，可以輕松的為JavaScript代碼創(chuàng)建自動(dòng)化單元測(cè)試。它可以讓你有效的測(cè)試DOM時(shí)間（如表單提交），從而減少開(kāi)發(fā)時(shí)間。

  
  
  ?

• JsUnit
  是一個(gè)流行的JavaScript單元測(cè)試框架，還有一個(gè)類(lèi)似的支持Java的單元測(cè)試框架被稱(chēng)為JUnit。允許你編寫(xiě)測(cè)試案例并提供工具來(lái)自動(dòng)執(zhí)行代碼。
• JSLint
  是一個(gè)JavaScript驗(yàn)證工具，可以掃描JavaScript源代碼來(lái)查找問(wèn)題。一旦發(fā)現(xiàn)問(wèn)題，JSLint就會(huì)顯示描述這個(gè)問(wèn)題的消息，并指出錯(cuò)誤在源代碼中的大致位置。
  

  
  
  ?

• Crosscheck
  是一個(gè)開(kāi)源的JavaScript測(cè)試框架，不在Web瀏覽器中也可以進(jìn)行測(cè)試。
  
• YUI Test
  它 是由Yahoo! UI Library開(kāi)發(fā)的一個(gè)JavaScriptMVC測(cè)試插件，能夠讓你模范大部分DOM動(dòng)作，比如寫(xiě)，拖拽，比如模范AJAX響應(yīng)，并且能夠使用斷言 (assertions)。它能夠象函數(shù)一樣運(yùn)行，并且能夠在不同的console窗口進(jìn)行集成測(cè)試。
  

  
  
  ?

• J3Unit
  是 JavaScript單元測(cè)試領(lǐng)域的新兵。這一特別的庫(kù)所提供的超越于JSUnit的功能在于，它能直接與服務(wù)器端的測(cè)試套件(如 JUnit或Jetty)溶合。對(duì)JavaScript開(kāi)發(fā)者來(lái)說(shuō)，這可能是極其有用的，因?yàn)樗麄兡軌蛲瑫r(shí)為他們的客戶(hù)端和服務(wù)器端代碼快速地遍歷所有的 測(cè)試用例。
• Regular Expression Tool
  Regular Expression Tool是一個(gè)在線工具，可以用來(lái)測(cè)試你的正則表達(dá)式，使用這個(gè)工具很方便。

  
  
  ?

• JavaScript Regular Expression Tester
  另一個(gè)脫離Web瀏覽器的正則表達(dá)式測(cè)試工具。

  
  
  ?

• JSLitmus
  JSLitmus是一個(gè)輕量級(jí)的工具，用于javascript的性能測(cè)試

  
  
  ?

安全工具

• AttackAPI
  AttackAPI是一個(gè)基于Web的攻擊構(gòu)造庫(kù)，它可以結(jié)合PHP、JavaScript及其他客戶(hù)端和服務(wù)器端技術(shù)進(jìn)行使用。
• jsfuzzer
  它是一個(gè)fuzzing工具，幫助你使用JavaScript編寫(xiě)/測(cè)試attack vectors。

新的替代JavaScript和Ajax的開(kāi)發(fā)框架

• Clean AJAX
  Clean一個(gè)開(kāi)源的Ajax引擎，一組簡(jiǎn)化AJAX開(kāi)發(fā)的高級(jí)接口。此處Clean還集成兩個(gè)開(kāi)源項(xiàng)目Google AJAXSLT：為Clean添加X(jué)SLT支持。Paul Johnstone(JavaScript實(shí)現(xiàn)MD5與SHA1算法的開(kāi)源項(xiàng)目)：為Clean添加對(duì)安全AJAX請(qǐng)求的支持。

  
  
  ?

• SAJAX
  是一款被封裝的ajax工具，非常方便與后臺(tái)的交互，對(duì)XMLHttpRequest對(duì)象進(jìn)行了封裝，可以實(shí)現(xiàn)對(duì)服務(wù)器的異步請(qǐng)求，簡(jiǎn)化操作。
  

  
  
  ?

• JavaScriptMVC
  JavaScriptMVC 是一個(gè)功能強(qiáng)大的 JavaScript framework. 也是一個(gè)很棒的JavaScript測(cè)試框架，它同樣能提高開(kāi)發(fā)的速度。JavaScriptMVC應(yīng)用了模型-視圖-控制器架構(gòu)模式，把業(yè)務(wù)邏輯和表示 分離，使得代碼更加模塊化。
• qooxdoo
  是一個(gè)功能強(qiáng)大基于JavaScript GUI工包，它讓你可以用JavaScript來(lái)開(kāi)發(fā)類(lèi)似于VB/Delphi風(fēng)格的具有Ajax功能的web2.0應(yīng)用程序。qooxdoo具有客戶(hù)端 瀏覽器檢測(cè)功能，具有瀏覽器抽象層，可以無(wú)差別的創(chuàng)建跨瀏覽器的Web應(yīng)用程序，它提供方便的調(diào)試接口，具有事件管理、聚焦管理、定時(shí)器、邊框和對(duì)象屬性 等特征。它提供一組窗體組件并擴(kuò)展了布局，它還提供跨平臺(tái)的png圖形透明支持功能。此外，qooxdoo提供一個(gè)原子組件，你可以在其基礎(chǔ)上開(kāi)發(fā)你自己 的組件。

  
  
  ?

• SimpleJS
  SimpleJS是一個(gè)簡(jiǎn)單，輕量的，但很特別的JavaScript框架。它提供了Ajax函數(shù)和動(dòng)態(tài)效果。
  

圖像處理

• Reflection.js
  是一個(gè)能夠給圖片加倒影效果的JavaScript庫(kù)。
  

  
  
  ?

• typeface.js
  提供了一個(gè)字體的解決方案，你能使用任何字體顯示，不管客戶(hù)端是否安裝了這種字體，即使不使用Flash（sIFR使用Flash）。
  
• CanvasGraph.js
  它是一個(gè)簡(jiǎn)單的JavaScript庫(kù)，讓你使用HTML的canvas元素創(chuàng)造bar，line和pie。

  
  
  ?

• flot
  Flot是Ole Laursen開(kāi)發(fā)的基于JQuery的純JavaScript實(shí)現(xiàn)的繪圖庫(kù)，F(xiàn)lot使用起來(lái)非常簡(jiǎn)單，繪圖效果相當(dāng)絢麗，而且還支持一些圖片的操作功能。

  
  
  ?

• JavaScript Diagram Builder
  是一個(gè)跨瀏覽器的javascript庫(kù)，他可以幫助你創(chuàng)建坐標(biāo)圖或圖表的，你只需要引用diagram.js在你的html頭即可。

  
  
  ?

• The Dojo Charting Engine
  創(chuàng)建數(shù)據(jù)的可視化組件。

實(shí)用的工具和JavaScript腳本

• Processing.js
  Processing可視化語(yǔ)言移植至Javascript，這是Javascript成為Flash競(jìng)爭(zhēng)對(duì)手的第一步。
• AJAX Libraries API
  Google 把一些非常流行的JavaScript 框架放到Google 的服務(wù)器上。這樣大家來(lái)說(shuō)可以充分利用Google 的服務(wù)器資源。
• DamnIT
  DamnIT是一個(gè)錯(cuò)誤報(bào)告服務(wù)，它可以幫你追蹤錯(cuò)誤以及您Web應(yīng)用程序的不足。
  
• ie7-js
  是一個(gè)JavaScript庫(kù)，解決IE與W3C標(biāo)準(zhǔn)的沖突的JS庫(kù)。
• Lazy loader
  是用javascript寫(xiě)的jquery插件，它可以延遲加載頁(yè)面里面的圖片。在用戶(hù)瀏覽視界(頁(yè)面中可見(jiàn)部分)以外的圖片之前，它將不會(huì)被加載。
  

JavaScript代碼優(yōu)化和簡(jiǎn)化工具

• JS Minifier
  一個(gè)基于Web的小工具，用來(lái)縮小你的JavaScript代碼。

  
  
  ?

• JSMIN
  JSMin 是一個(gè)javascript腳本壓縮工具，首先去除腳本中不必要的注釋以及空白字符，通常可以將js腳本壓縮到原文件一半大小。
• YUI Compressor
  是一款非常強(qiáng)大JS混淆和壓縮工具，目前很多Javascript Framework都使用YUI Compressor進(jìn)行代碼分發(fā)。
• Scriptalizer
  是一個(gè)有用的在線工具，減少HTTP請(qǐng)求。

  
  
  ?

• ShrinkSafe
  文件壓縮工具
• SlickSpeed Selectors Test
  用于ajax框架css選擇方法速度的對(duì)比。

  
  

?

?

來(lái)自： smashingmagazine

50個(gè)實(shí)用的JavaScript工具