?

JavaScript是一個功能強大的客戶端腳本語言，許多現代化的網站和Web應用程序都會使用到它。JavaScript可以增強用戶的體驗，并提供豐富的互動式組件和功能。雖然它的語法相當簡單，但是對開發者來說還是很有難度的，因為它要運行在Web瀏覽器中。

以下是我們為你推薦的50個相關工具:

JavaScript/AJAX編輯工具

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

  
  
  ?

• Google Web Toolkit
  Google 推出的一個開發Ajax 應用的框架，它支持用Java 開發和調試Ajax 應用。我們可以既充分利用Java語言的開發優勢降低Ajax應用開發的難度，加快Ajax應用的開發速度，為Ajax的大規模應用創造可能，又可以充分 發揮Ajax技術的優勢，創建更加動態和交互性更好的Web應用程序，提升用戶的瀏覽體驗。
• Jx
  是一個JavaScript庫，用于創建MooTools框架頂部的圖形用戶界面，有許多例子以及API文檔在這里 http://jxlib.org/。

  
  
  ?

• Freestyle Webtop Toolkit
  可以幫你減少復雜性和時間的消耗，讓你專注于編程邏輯和用戶界面設計或其他的處理（跨瀏覽器的兼容和DHTML和Ajax的開發）。

  
  
  ?

• Script#
  是一個Ajax和JavaScript編輯工具，可以讓開發者用C#進行編寫。還允許.NET開發人員充分的發揮已學的知識，同時還為.NET框架提供強大的工具。

  
  
  ?

• Aptana Jaxer
  號稱世界上第一個真正的Ajax服務器，由Aptana提供的一個最新產品。它使用Jaxer的服務端Java腳本API操作對象和數據庫，支持FTP、SMTP、HTTP等常用協議。Jaxer集成了許多非常流行的JavaScript庫，如 jQuery, Dojo 和 Ext JS 。
• JS Regex Generator
  JS Regex Generator可以幫助JavaScript開發人員編寫與字符串文字想匹配的正則表達式。經常用來檢驗文本的格式，如輸入的日期或電子郵件格式是否正確。

  
  
  ?

• WaveMaker
  WaveMaker是一個Web應用程序WYSIWYG構建工具。它能夠創建基于Dojo Ajax widget，Spring與Hibernate的應用程序。這里有 Demo Applications 。

  
  
  ?

文檔工具

• JSDoc Toolkit
  是一個把js描述格式化成文檔的工具。開發者只需按JsDoc的規范寫好注釋就可以很方便導出文檔。
• jGrouseDoc
  是一個開源項目，它可以將開發者的code comments使用類似于Javadoc的格式進行管理。

  
  
  ?

?

JavaScript調試工具

• Firebug
  它集HTML查看和編輯、Javascript控制臺、網絡狀況監視器于一體，是開發JavaScript、CSS、HTML和Ajax的得力助手。 Firebug如同一把精巧的瑞士軍刀，從各個不同的角度剖析Web頁面內部的細節層面，給Web開發者帶來很大的便利。另外有一個Firebug lite版本，可以通過javascript調用，包含在頁面中，從而在其他非Firefox瀏覽器中使用。

  
  
  ?

• Venkman JavaScript Debugger
  基于Mozilla的瀏覽器（如firefox）的一個功能強大的JavaScript調試環境。提供了一系列有用的功能和選項，如代碼分析或檢查腳本的性能。

  
  
  ?

• Drosera
  為Safari準備的一個很好的調試工具。

  
  
  ?

• Opera Dragonfly
  Opera Dragonfly其實就是類似Firebug那樣的網站/網路應用程式開發工具，可以調試JavaScript、檢查CSS和DOM、查看錯誤，是網站開發人員的好工具，支持PC和移動電話。
  
• NitobiBug
  這是一個基于瀏覽器的JavaScript對象記錄和檢查工具-類似的Firebug。可運行在不同的瀏覽器（的IE6 + ， Safari瀏覽器，opera，火狐）提供一致的和強大的工具，豐富了Ajax應用程序。
• DebugBar
  是一款Internet Explorer插件。它可以用于檢查DOM，HTTP，Javascript及HTML代碼合法性等 ...

  
  
  ?

• Internet Explorer Developer Toolbar
  同樣也是類似于Firebug，由微軟發布。該產品讓開發人員能夠深入探索和理解Web頁面,幫助開發者更好地創建Web應用。
  

JavaScript的測試和驗證工具

• Test - JavaScriptMVC
  一個JavaScriptMVC組件，可以輕松的為JavaScript代碼創建自動化單元測試。它可以讓你有效的測試DOM時間（如表單提交），從而減少開發時間。

  
  
  ?

• JsUnit
  是一個流行的JavaScript單元測試框架，還有一個類似的支持Java的單元測試框架被稱為JUnit。允許你編寫測試案例并提供工具來自動執行代碼。
• JSLint
  是一個JavaScript驗證工具，可以掃描JavaScript源代碼來查找問題。一旦發現問題，JSLint就會顯示描述這個問題的消息，并指出錯誤在源代碼中的大致位置。
  

  
  
  ?

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

  
  
  ?

• J3Unit
  是 JavaScript單元測試領域的新兵。這一特別的庫所提供的超越于JSUnit的功能在于，它能直接與服務器端的測試套件(如 JUnit或Jetty)溶合。對JavaScript開發者來說，這可能是極其有用的，因為他們能夠同時為他們的客戶端和服務器端代碼快速地遍歷所有的 測試用例。
• Regular Expression Tool
  Regular Expression Tool是一個在線工具，可以用來測試你的正則表達式，使用這個工具很方便。

  
  
  ?

• JavaScript Regular Expression Tester
  另一個脫離Web瀏覽器的正則表達式測試工具。

  
  
  ?

• JSLitmus
  JSLitmus是一個輕量級的工具，用于javascript的性能測試

  
  
  ?

安全工具

• AttackAPI
  AttackAPI是一個基于Web的攻擊構造庫，它可以結合PHP、JavaScript及其他客戶端和服務器端技術進行使用。
• jsfuzzer
  它是一個fuzzing工具，幫助你使用JavaScript編寫/測試attack vectors。

新的替代JavaScript和Ajax的開發框架

• Clean AJAX
  Clean一個開源的Ajax引擎，一組簡化AJAX開發的高級接口。此處Clean還集成兩個開源項目Google AJAXSLT：為Clean添加XSLT支持。Paul Johnstone(JavaScript實現MD5與SHA1算法的開源項目)：為Clean添加對安全AJAX請求的支持。

  
  
  ?

• SAJAX
  是一款被封裝的ajax工具，非常方便與后臺的交互，對XMLHttpRequest對象進行了封裝，可以實現對服務器的異步請求，簡化操作。
  

  
  
  ?

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

  
  
  ?

• SimpleJS
  SimpleJS是一個簡單，輕量的，但很特別的JavaScript框架。它提供了Ajax函數和動態效果。
  

圖像處理

• Reflection.js
  是一個能夠給圖片加倒影效果的JavaScript庫。
  

  
  
  ?

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

  
  
  ?

• flot
  Flot是Ole Laursen開發的基于JQuery的純JavaScript實現的繪圖庫，Flot使用起來非常簡單，繪圖效果相當絢麗，而且還支持一些圖片的操作功能。

  
  
  ?

• JavaScript Diagram Builder
  是一個跨瀏覽器的javascript庫，他可以幫助你創建坐標圖或圖表的，你只需要引用diagram.js在你的html頭即可。

  
  
  ?

• The Dojo Charting Engine
  創建數據的可視化組件。

實用的工具和JavaScript腳本

• Processing.js
  Processing可視化語言移植至Javascript，這是Javascript成為Flash競爭對手的第一步。
• AJAX Libraries API
  Google 把一些非常流行的JavaScript 框架放到Google 的服務器上。這樣大家來說可以充分利用Google 的服務器資源。
• DamnIT
  DamnIT是一個錯誤報告服務，它可以幫你追蹤錯誤以及您Web應用程序的不足。
  
• ie7-js
  是一個JavaScript庫，解決IE與W3C標準的沖突的JS庫。
• Lazy loader
  是用javascript寫的jquery插件，它可以延遲加載頁面里面的圖片。在用戶瀏覽視界(頁面中可見部分)以外的圖片之前，它將不會被加載。
  

JavaScript代碼優化和簡化工具

• JS Minifier
  一個基于Web的小工具，用來縮小你的JavaScript代碼。

  
  
  ?

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

  
  
  ?

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

  
  

?

?

來自： smashingmagazine

50個實用的JavaScript工具