面向行動裝置的html5開發架構

標籤：

很久以前整理了篇將手機網站做成手機應用的JS架構。時隔一年多，很多新的技術已經出現，下面再來總結下還有哪些架構是適合面向手機裝置的開發的。

　　1、jQuery Mobile

　　jQuery Mobile 是 jQuery 在手機上和平板裝置上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI架構。支援全球主流的移動平台。jQuery MobileTeam Dev說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的架構，讓開發人員開發出真正的移動Web網站。

　　2、jQTouch

　　jQTouch 是一個 jQuery 的外掛程式，主要用於手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、預設應用樣式等各種常見UI效果的 JavaScript 庫。支援包括 iPhone、Android 等手機。

　　3、DHTMLX Touch

　　DHTMLX Touch是一個免費的HTML5/JavaScript架構，專門為觸控螢幕裝置而最佳化。為您帶來快速開發工藝精美的移動Web應用程式的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用於構建移動使用者介面。它能夠幫您以最少的編碼構建一流的使用者介面。在其首頁上提供一些樣本可以展示DHTMLX Touch強大的使用者介面。包括一個menu app for the iPad (適用於開發餐廳應用) 和Book Shop (一個電子書店應用)。

　　4、Mobilize.js

　　Mobilize.js是一個開源的HTML5-JavaScript架構用於從任何現在有標準網站快速，簡便地構建移動網站。這個架構其實就是將需要在行動裝置上顯示的部分頁面以jQuery Mobile的預設主題顯示，而不是實現一個全新完整的移動頁面。Mobilize.js 可用於任意網站，但對於基於WordPress和Sphinx的網站不需要使用該架構轉換，因為已經有非常多的外掛程式可以使用。

　　5、The M Project

　　The-M-Project是另外一個強大的JavaScript架構，它利用HTML5新的特性來更好和更簡便地開發行動裝置 App。這個架構遵循著名的MVC軟體架構模式。它還支援離線，所以你的使用者可以在沒有串連網路的情況下繼續操作(當下次有連線的時候，再將資料同步到伺服器中)。提供優秀的文檔(這個項目擁有一個引導新使用者入門的開發指南)。可以查看提供的樣本來對該項目有一個初目的瞭解。這些樣本包括：ToDo App(待辦事項目應用) 和 KitchenSink (這個樣本包括這個架構提供的所有UI元素)。

　　6、WebApp.Net

　　WebApp.Net 提供了很多的 API，因此可以協助你節省很多工作了。不需要花時間去進行 Ajax 調用的編碼，因為已經內建了，另外還有很多其它內建功能，提供了詳細的文檔和應用示範。

　　7、Wijmo

　　Wijmo是一個基於jQuery UI的UI組件的套件。Wijmo組件進行了最佳化用戶端Web開發和利用jQuery的優越的效能和易用性的力量。所有的Wijmo組件都配備了20多個主題和支援ThemeRoller。

　　8、960 Grid on jQuery-Mobile

　　jquery-mobile-960 是一個用於移動 Web 開發的網格架構，綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活，使得應用應許在移動終端更加易用。

　　9、Sencha Touch Framework

　　Sencha Touch 是世界上第一個基於 HTML5 的移動 Web 開發架構，支援最新的 HTML5 和 CSS3 標準，全面相容 Android 和 Apple iOS 裝置，提供了豐富的 WEB UI 組件，可以快速的開發出運行於移動終端的應用程式。Shencha是第一個使用HTML5，CSS和JavaScript並且支援音頻/視頻，本機存放區，圓角，漸層背景以及陰影的開發架構。

　　10、NimbleKit

　　NimbleKit 是為 iOS 裝置構建應用程式最快速的方式，你不需要知道 Objective-C 或者 iOS SDK，你只需結合 JavaScript 代碼編寫 HTML 頁面就可以了。

　　11、Touchy™ Boilerplate

　　Touchy Boilerplate 是一個用來建立移動web app，包括HTML模板，Meta tag等的工具。Touchy可以支援動態網頁面導航，固定式頁面頭，滾動內容，瀏覽歷程記錄等功能。Touchy使用jQuery或者 Zepto.JS。

　　12、PhoneGap

　　PhoneGap是一個用基於HTML，CSS和JavaScript的，建立移動跨平台行動裝置 App程式的快速開發平台。它使開發人員能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，連絡人，聲音和震動等，此外PhoneGap擁有豐富的外掛程式，可以以此擴充無限的功能。PhoneGap是免費的，但是它需要特定平台提供的附加軟體，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開發。使用PhoneGap只比為每個平台分別建立應用程式好一點點，因為雖然基本代碼是一樣的，但是你仍然需要為每個平台分別編譯應用程式。

　　13、joshfire

　　Joshfire是一個開源的跨裝置開發架構，協助開發人員建立可以在多種裝置上啟動並執行web app。它使用HTML5和JavaScript，並且允許開發人員快速整合本地應用和特定的web應用。Joshfire可以讓你的應用接受鍵盤，滑鼠，觸控螢幕，遙控器等裝置的輸入。Joshfire支援Node.JS。4.Sencha Touch：基於HTML5的移動網頁開發架構。

　　14、 Julia

　　Julia架構由基本CSS3檔案、JS庫和各個平台的運行庫構成。不像PhoneGap，Julia不僅僅包含調用機器碼的介面層，它還包含 Model-View-Controller(MVC)支援，Delegation支援，OAuth支援，非同步資料庫存取介面，HTML選擇符(類jQuery調用介面)，HTML模版(允 許嵌入JS代碼)等應用開發必備的API介面。 基於Julia的應用開發就像網站開發那麼簡單，是的，你終於可以用HTML5開發一個完整的、跨平台 的、不亞於機器碼的、易於維護的行動裝置 App了！大幕即將揭曉，讓我們一起進入移動開發的新時代

　　15、SproutCore HTML5 Application Framework

　　SproutCore 是一個 HTML5 移動 Web 開發架構，它的目標是在無需瀏覽器外掛程式的情況下，在瀏覽器中位應用程式提供極佳的案頭效果。

　　16、Titanium

　　這是一個強大的，健壯的移動Web開發架構。能夠讓使用現有的HTML, CSS和JavaScript知識來為 iOS和Android平台開發原生行動裝置 App。作為一個越來越大的移動Web架構，它擁有超過300個的APIs和活躍的開發人員社區。你從這個社區中得到每一個開發人員的協助。Titanium Mobile支援原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與行動裝置的網路攝影機和本地檔案儲存體系統相互動的特性。

　　17、Lungo.js

　　Lungo.js 是一個採用HTML5, CSS3 和JavaScript技術實現的移動Web應用程式開發架構。利用這架構開發的應用程式可運行所有流行的平台包括：iOS, Android, Blackberry 和 WebOs。它還支援觸摸事件如：tap, double-tap和swipe。整個架構沒有用到任何圖片包括表徵圖，所有都向量化。可以在這個架構中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，曆史或裝置方向等。Lungo.js是一個模組化並且完全可定製的架構。

　　18、xui.js

　　有時候你可能需要一個超輕量級的架構，只要擁有用於開發標準用戶端所需要的功能如：DOM操作，事件處理，Ajax和一些動畫效果。如果是這樣的話，這個架構剛好非常適合你。整個架構採用GZIP壓縮完之後只有4.2 KB。

　　19、EmbedJS

　　EmbedJS是一個用於嵌入式裝置的JavaScript架構如：行動電話，TVs、tablets和so forth。EmbedJS強大之處在於，它擁有專門為特定平台和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的代碼，為使用者提供最佳的體驗。而且假如你喜歡自己定製，可以利用其提供的EmbedJS Build tool工具實現。EmbedJS基於Dojo實現，所以你如果熟悉Dojo API文法，那EmbedJS將是你最佳的選擇。

　　20、zepto.js

　　zepto.js是一個專為mobile WebKit瀏覽器(如：Safari和Chrome)而開發的一個JavaScript架構。它標榜自己在其簡約的開發理念，能夠協助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS架構，是超輕量級的，只有5KB。zepto.js的文法借鑒並且相容jQuery。

　　21、Baker

　　Baker是用來在iPad或者iPhone平台上發布互動電子書或者電子雜誌的HTML5電子書架構。

　　22、ChocolateChip-UI

　　ChocolateChip-UI 是一個手機移動 Web 開發架構，採用 HTML5, WAML, CSS 和 JavaScript等技術實現。基於 ChocolateChip JavaScript 架構，包含最新的 ChUI.JS 和 ChUI.css.

　　23、Magazine Grid

　　Magazine Grid 是一個超現代的 CSS 架構，用於 iPad 和 iPhone 手機，使用類似雜誌的設計風格。Magazine Grid 可讓使用者使用 HTML5 元素來組織雜誌頁，非常輕量級(<4k)，在行動裝置上載入非常快，對老的瀏覽器也支援。

　　24、Kendo UI

　　Kendo UI是一個強大的架構用於快速HTML5 UI開發。基於最新的HTML5、CSS3和JavaScript標準。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切，包括：強大的資料來源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控制項。

　　25、HTML App Host Framework

　　這是一個用於構建基於 Windows Phone 7 的 HTML/JavaScript 託管架構，使用 HTML5 技術。該架構由支援在標準 xap 格式中嵌入 html 應用的控制項。

面向行動裝置的html5開發架構