50個實用的JavaScript工具

　【IT168 分析評論】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開發人員編寫與字串文字想匹配的Regex。經常用來檢驗文本的格式，如輸入的日期或電子郵件格式是否正確。

　　

　　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，Firefox)提供一致的和強大的工具，豐富了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是一個線上工具，可以用來測試你的Regex，使用這個工具很方便。

　　

　　JavaScript Regular Expression Tester

　　另一個脫離Web瀏覽器的Regex測試載入器。

　　

　　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選擇方法速度的對比。

　　

 

轉自：http://tech.it168.com/a2009/0223/266/000000266361_4.shtml