50個實用的JavaScript工具

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

  

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章