面向移動設備的HTML5開發框架梳理

時間 2019-11-07

原文原文鏈接

好久之前整理了篇將手機網站作成手機應用的JS框架。時隔一年多，不少新的技術已經出現，下面再來總結下還有哪些框架是適合面向手機設備的開發的。php

jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile 不只會給主流移動平臺帶來jQuery核心庫，並且會發佈一個完整統一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發團隊說：能開發這個項目，咱們很是興奮。移動Web太須要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。html

二、jQTouchhtml5

jQTouch 是一個 jQuery 的插件，主要用於手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各類常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。jquery

三、DHTMLX Touchgit

DHTMLX Touch是一個免費的HTML5/JavaScript框架，專門爲觸摸屏設備而優化。爲您帶來快速開發工藝精美的移動Web應用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用於構建移動用戶界面。它可以幫您以最少的編碼構建一流的用戶界面。在其主頁上提供一些示例能夠展現DHTMLX Touch強大的用戶界面。包括一個menu app for the iPad (適用於開發餐廳應用) 和Book Shop (一個電子書店應用)。github

四、Mobilize.jsweb

Mobilize.js是一個開源的HTML5-JavaScript框架用於從任何如今有標準網站快速，簡便地構建移動網站。這個框架其實就是將須要在移動設備上顯示的部分頁面以jQuery Mobile的默認主題顯示，而不是實現一個全新完整的移動頁面。Mobilize.js 可用於任意網站，但對於基於WordPress和Sphinx的網站不須要使用該框架轉換，由於已經有很是多的插件可使用。數據庫

五、The M Project瀏覽器

The-M-Project是另一個強大的JavaScript框架，它利用HTML5新的特性來更好和更簡便地開發移動應用。這個框架遵循著名的MVC軟件架構模式。它還支持離線，因此你的用戶能夠在沒有鏈接網絡的狀況下繼續操做(當下次有連線的時候，再將數據同步到服務器中)。提供優秀的文檔(這個項目擁有一個引導新用戶入門的開發指南)。能夠查看提供的示例來對該項目有一個初目的瞭解。這些示例包括：ToDo App(待辦事項目應用) 和 KitchenSink (這個示例包括這個框架提供的全部UI元素)。

六、WebApp.Net

WebApp.Net 提供了不少的 API，所以能夠幫助你節省不少工做了。不須要花時間去進行 Ajax 調用的編碼，由於已經內置了，另外還有不少其它內置功能，提供了詳細的文檔和應用演示。

七、Wijmo

Wijmo是一個基於jQuery UI的UI部件的套件。Wijmo部件進行了優化客戶端Web開發和利用jQuery的優越的性能和易用性的力量。全部的Wijmo部件都配備了20多個主題和支持ThemeRoller。

八、960 Grid on jQuery-Mobile

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

九、Sencha Touch Framework

Sencha Touch 是世界上第一個基於 HTML5 的移動 Web 開發框架，支持最新的 HTML5 和 CSS3 標準，全面兼容 Android 和 Apple iOS 設備，提供了豐富的 WEB UI 組件，能夠快速的開發出運行於移動終端的應用程序。Shencha是第一個使用HTML5，CSS和JavaScript而且支持音頻/視頻，本地存儲，圓角，漸變背景以及陰影的開發框架。

十、NimbleKit

NimbleKit 是爲 iOS 設備構建應用程序最快速的方式，你不須要知道 Objective-C 或者 iOS SDK，你只需結合 JavaScript 代碼編寫 HTML 頁面就能夠了。

十一、Touchy™ Boilerplate

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

十二、PhoneGap

PhoneGap是一個用基於HTML，CSS和JavaScript的，建立移動跨平臺移動應用程序的快速開發平臺。它使開發者可以利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯繫人，聲音和振動等，此外PhoneGap擁有豐富的插件，能夠以此擴展無限的功能。PhoneGap是免費的，可是它須要特定平臺提供的附加軟件，例如iPhone的iPhone SDK，Android的Android SDK等，也能夠和DW5.5配套開發。使用PhoneGap只比爲每一個平臺分別創建應用程序好一點點，由於雖然基本代碼是同樣的，可是你仍然須要爲每一個平臺分別編譯應用程序。

1三、joshfire

Joshfire是一個開源的跨設備開發框架，幫助開發者建立能夠在多種設備上運行的web app。它使用HTML5和JavaScript，而且容許開發者快速整合本地應用和特定的web應用。Joshfire可讓你的應用接受鍵盤，鼠標，觸摸屏，遙控器等設備的輸入。Joshfire支持Node.JS。4.Sencha Touch：基於HTML5的移動網頁開發框架。

1四、 Julia

Julia框架由基本CSS3文件、JS庫和各個平臺的運行庫構成。不像PhoneGap，Julia不只僅包含調用本機代碼的接口層，它還包含 Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，異步數據庫存取接口，HTML選擇符(類jQuery調用接口)，HTML模版(允許嵌入JS代碼)等應用開發必備的API接口。基於Julia的應用開發就像網站開發那麼簡單，是的，你終於能夠用HTML5開發一個完整的、跨平臺的、不亞於本機代碼的、易於維護的移動應用了！大幕即將揭曉，讓咱們一塊兒進入移動開發的新時代

1五、SproutCore HTML5 Application Framework

SproutCore 是一個 HTML5 移動 Web 開發框架，它的目標是在無需瀏覽器插件的狀況下，在瀏覽器中位應用程序提供極佳的桌面效果。

1六、Titanium

這是一個強大的，健壯的移動Web開發框架。可以讓使用現有的HTML, CSS和JavaScript知識來爲 iOS和Android平臺開發原生移動應用。做爲一個愈來愈大的移動Web框架，它擁有超過300個的APIs和活躍的開發者社區。你從這個社區中獲得每個開發人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供可以與移動設備的攝像頭和本地文件存儲系統相交互的特性。

1七、Lungo.js

Lungo.js 是一個採用HTML5, CSS3 和JavaScript技術實現的移動Web應用程序開發框架。利用這框架開發的應用程序可運行全部流行的平臺包括：iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如：tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標，全部都矢量化。能夠在這個框架中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，歷史或設備方向等。Lungo.js是一個模塊化而且徹底可定製的框架。

1八、xui.js

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

1九、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。

2一、Baker

Baker是用來在iPad或者iPhone平臺上發佈交互式的電子書或者電子雜誌的HTML5電子書框架。

2二、ChocolateChip-UI

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

2三、Magazine Grid

Magazine Grid 是一個超現代的 CSS 框架，用於 iPad 和 iPhone 手機，使用相似雜誌的設計風格。Magazine Grid 可以讓用戶使用 HTML5 元素來組織雜誌頁，很是輕量級(<4k)，在移動設備上加載很是快，對老的瀏覽器也支持。

2四、Kendo UI

Kendo UI是一個強大的框架用於快速HTML5 UI開發。基於最新的HTML五、CSS3和JavaScript標準。 Kendo UI包含了開發現代JavaScript開發所須要的全部一切，包括：強大的數據源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控件。

2五、HTML App Host Framework

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

參考連接：

http://creativefan.com/mobile-web-app-frameworks/