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
    可以幫你減少複雜性和時間的消耗,讓你專注於編程邏輯和用戶界面設計或其他的處理(跨瀏覽器的兼容和DHTMLAjax的開發)。



 

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



 

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



 

  • WaveMaker
    WaveMaker
    是一個Web應用程序WYSIWYG構建工具。它能夠創建基於Dojo Ajax widgetSpringHibernate的應用程序。這裏有 Demo Applications



 

文檔工具

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



 

 

JavaScript調試工具

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



 

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



 

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



 

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



 

  • 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的功能在於,它能直接與服務器端的測試套件( JUnitJetty)溶合。對JavaScript開發者來說,這可能是極其有用的,因爲他們能夠同時爲他們的客戶端和服務器端代碼快速地遍歷所有的測試用例。
  • Regular Expression Tool
    Regular Expression Tool
    是一個在線工具,可以用來測試你的正則表達式,使用這個工具很方便。



 



 

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



 

安全工具

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

新的替代JavaScriptAjax的開發框架

  • Clean AJAX
    Clean
    一個開源的Ajax引擎,一組簡化AJAX開發的高級接口。此處Clean還集成兩個開源項目Google AJAXSLT:爲Clean添加XSLT支持。Paul Johnstone(JavaScript實現MD5SHA1算法的開源項目):爲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
    提供了一個字體的解決方案,你能使用任何字體顯示,不管客戶端是否安裝了這種字體,即使不使用FlashsIFR使用Flash)。
  • CanvasGraph.js
    它是一個簡單的JavaScript庫,讓你使用HTMLcanvas元素創造barlinepie



 

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



 

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



 

實用的工具和JavaScript腳本

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

JavaScript代碼優化和簡化工具

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



 

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



 

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