1. 程式人生 > >50個實用的JavaScript工具

50個實用的JavaScript工具

avaScript是一個功能強大的客戶端指令碼語言,許多現代化的網站和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選擇方法速度的對比。