html5 移動(dòng)開源框架有哪些

很久以前整理了篇將手機(jī)網(wǎng)站做成手機(jī)應(yīng)用的JS框架。時(shí)隔一年多，很多新的技術(shù)已經(jīng)出現(xiàn)，下面再來總結(jié)下還有哪些框架是適合面向手機(jī)設(shè)備的開發(fā)的。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：國(guó)際域名空間、虛擬空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、興和網(wǎng)站維護(hù)、網(wǎng)站推廣。

1、jQuery Mobile

jQuery Mobile 是 jQuery 在手機(jī)上和平板設(shè)備上的版本。jQuery Mobile 不僅會(huì)給主流移動(dòng)平臺(tái)帶來jQuery核心庫，而且會(huì)發(fā)布一個(gè)完整統(tǒng)一的jQuery移動(dòng)UI框架。支持全球主流的移動(dòng)平臺(tái)。jQuery Mobile開發(fā)團(tuán)隊(duì)說：能開發(fā)這個(gè)項(xiàng)目，我們非常興奮。移動(dòng)Web太需要一個(gè)跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動(dòng)Web網(wǎng)站。

2、jQTouch

jQTouch 是一個(gè) jQuery 的插件，主要用于手機(jī)上的 Webkit 瀏覽器上實(shí)現(xiàn)一些包括動(dòng)畫、列表導(dǎo)航、默認(rèn)應(yīng)用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機(jī)。

3、DHTMLX Touch

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

4、Mobilize.js

Mobilize.js是一個(gè)開源的HTML5-JavaScript框架用于從任何現(xiàn)在有標(biāo)準(zhǔn)網(wǎng)站快速，簡(jiǎn)便地構(gòu)建移動(dòng)網(wǎng)站。這個(gè)框架其實(shí)就是將需要在移動(dòng)設(shè)備上顯示的部分頁面以jQuery Mobile的默認(rèn)主題顯示，而不是實(shí)現(xiàn)一個(gè)全新完整的移動(dòng)頁面。Mobilize.js 可用于任意網(wǎng)站，但對(duì)于基于WordPress和Sphinx的網(wǎng)站不需要使用該框架轉(zhuǎn)換，因?yàn)橐呀?jīng)有非常多的插件可以使用。

5、The M Project

The-M-Project是另外一個(gè)強(qiáng)大的JavaScript框架，它利用HTML5新的特性來更好和更簡(jiǎn)便地開發(fā)移動(dòng)應(yīng)用。這個(gè)框架遵循著名的MVC軟件架構(gòu)模式。它還支持離線，所以你的用戶可以在沒有連接網(wǎng)絡(luò)的情況下繼續(xù)操作(當(dāng)下次有連線的時(shí)候，再將數(shù)據(jù)同步到服務(wù)器中)。提供優(yōu)秀的文檔(這個(gè)項(xiàng)目擁有一個(gè)引導(dǎo)新用戶入門的開發(fā)指南)。可以查看提供的示例來對(duì)該項(xiàng)目有一個(gè)初目的了解。這些示例包括：ToDo App(待辦事項(xiàng)目應(yīng)用) 和 KitchenSink (這個(gè)示例包括這個(gè)框架提供的所有UI元素)。

6、WebApp.Net

WebApp.Net 提供了很多的 API，因此可以幫助你節(jié)省很多工作了。不需要花時(shí)間去進(jìn)行 Ajax 調(diào)用的編碼，因?yàn)橐呀?jīng)內(nèi)置了，另外還有很多其它內(nèi)置功能，提供了詳細(xì)的文檔和應(yīng)用演示。

7、Wijmo

Wijmo是一個(gè)基于jQuery UI的UI部件的套件。Wijmo部件進(jìn)行了優(yōu)化客戶端Web開發(fā)和利用jQuery的優(yōu)越的性能和易用性的力量。所有的Wijmo部件都配備了20多個(gè)主題和支持ThemeRoller。

8、960 Grid on jQuery-Mobile

jquery-mobile-960 是一個(gè)用于移動(dòng) Web 開發(fā)的網(wǎng)格框架，綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活，使得應(yīng)用應(yīng)許在移動(dòng)終端更加易用。

9、Sencha Touch Framework

Sencha Touch 是世界上第一個(gè)基于 HTML5 的移動(dòng) Web 開發(fā)框架，支持最新的 HTML5 和 CSS3 標(biāo)準(zhǔn)，全面兼容 Android 和 Apple iOS 設(shè)備，提供了豐富的 WEB UI 組件，可以快速的開發(fā)出運(yùn)行于移動(dòng)終端的應(yīng)用程序。Shencha是第一個(gè)使用HTML5，CSS和JavaScript并且支持音頻/視頻，本地存儲(chǔ)，圓角，漸變背景以及陰影的開發(fā)框架。

10、NimbleKit

NimbleKit 是為 iOS 設(shè)備構(gòu)建應(yīng)用程序最快速的方式，你不需要知道 Objective-C 或者 iOS SDK，你只需結(jié)合 JavaScript 代碼編寫 HTML 頁面就可以了。

11、Touchy? Boilerplate

Touchy Boilerplate 是一個(gè)用來創(chuàng)建移動(dòng)web app，包括HTML模板，Meta tag等的工具。Touchy可以支持動(dòng)態(tài)頁面導(dǎo)航，固定頁頭，滾動(dòng)內(nèi)容，瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。

12、PhoneGap

PhoneGap是一個(gè)用基于HTML，CSS和JavaScript的，創(chuàng)建移動(dòng)跨平臺(tái)移動(dòng)應(yīng)用程序的快速開發(fā)平臺(tái)。它使開發(fā)者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機(jī)的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動(dòng)等，此外PhoneGap擁有豐富的插件，可以以此擴(kuò)展無限的功能。PhoneGap是免費(fèi)的，但是它需要特定平臺(tái)提供的附加軟件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開發(fā)。使用PhoneGap只比為每個(gè)平臺(tái)分別建立應(yīng)用程序好一點(diǎn)點(diǎn)，因?yàn)殡m然基本代碼是一樣的，但是你仍然需要為每個(gè)平臺(tái)分別編譯應(yīng)用程序。

13、joshfire

Joshfire是一個(gè)開源的跨設(shè)備開發(fā)框架，幫助開發(fā)者創(chuàng)建可以在多種設(shè)備上運(yùn)行的web app。它使用HTML5和JavaScript，并且允許開發(fā)者快速整合本地應(yīng)用和特定的web應(yīng)用。Joshfire可以讓你的應(yīng)用接受鍵盤，鼠標(biāo)，觸摸屏，遙控器等設(shè)備的輸入。Joshfire支持Node.JS。4.Sencha Touch：基于HTML5的移動(dòng)網(wǎng)頁開發(fā)框架。

14、 Julia

Julia框架由基本CSS3文件、JS庫和各個(gè)平臺(tái)的運(yùn)行庫構(gòu)成。不像PhoneGap，Julia不僅僅包含調(diào)用本機(jī)代碼的接口層，它還包含 Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，異步數(shù)據(jù)庫存取接口，HTML選擇符(類jQuery調(diào)用接口)，HTML模版(允 許嵌入JS代碼)等應(yīng)用開發(fā)必備的API接口。 基于Julia的應(yīng)用開發(fā)就像網(wǎng)站開發(fā)那么簡(jiǎn)單，是的，你終于可以用HTML5開發(fā)一個(gè)完整的、跨平臺(tái) 的、不亞于本機(jī)代碼的、易于維護(hù)的移動(dòng)應(yīng)用了！大幕即將揭曉，讓我們一起進(jìn)入移動(dòng)開發(fā)的新時(shí)代

15、SproutCore HTML5 Application Framework

SproutCore 是一個(gè) HTML5 移動(dòng) Web 開發(fā)框架，它的目標(biāo)是在無需瀏覽器插件的情況下，在瀏覽器中位應(yīng)用程序提供極佳的桌面效果。

16、Titanium

這是一個(gè)強(qiáng)大的，健壯的移動(dòng)Web開發(fā)框架。能夠讓使用現(xiàn)有的HTML, CSS和JavaScript知識(shí)來為 iOS和Android平臺(tái)開發(fā)原生移動(dòng)應(yīng)用。作為一個(gè)越來越大的移動(dòng)Web框架，它擁有超過300個(gè)的APIs和活躍的開發(fā)者社區(qū)。你從這個(gè)社區(qū)中得到每一個(gè)開發(fā)人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動(dòng)設(shè)備的攝像頭和本地文件存儲(chǔ)系統(tǒng)相交互的特性。

17、Lungo.js

Lungo.js 是一個(gè)采用HTML5, CSS3 和JavaScript技術(shù)實(shí)現(xiàn)的移動(dòng)Web應(yīng)用程序開發(fā)框架。利用這框架開發(fā)的應(yīng)用程序可運(yùn)行所有流行的平臺(tái)包括：iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如：tap, double-tap和swipe。整個(gè)框架沒有用到任何圖片包括圖標(biāo)，所有都矢量化。可以在這個(gè)框架中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，歷史或設(shè)備方向等。Lungo.js是一個(gè)模塊化并且完全可定制的框架。

18、xui.js

有時(shí)候你可能需要一個(gè)超輕量級(jí)的框架，只要擁有用于開發(fā)標(biāo)準(zhǔn)客戶端所需要的功能如：DOM操作，事件處理，Ajax和一些動(dòng)畫效果。如果是這樣的話，這個(gè)框架剛好非常適合你。整個(gè)框架采用GZIP壓縮完之后只有4.2 KB。

19、EmbedJS

EmbedJS是一個(gè)用于嵌入式設(shè)備的JavaScript框架如：移動(dòng)電話，TVs、tablets和so forth。EmbedJS強(qiáng)大之處在于，它擁有專門為特定平臺(tái)和瀏覽器如iOS, Firefox, Android等提供相應(yīng)的開發(fā)版本。這樣就能夠以最少的代碼，為用戶提供最佳的體驗(yàn)。而且假如你喜歡自己定制，可以利用其提供的EmbedJS Build tool工具實(shí)現(xiàn)。EmbedJS基于Dojo實(shí)現(xiàn)，所以你如果熟悉Dojo API語法，那EmbedJS將是你最佳的選擇。

20、zepto.js

zepto.js是一個(gè)專為mobile WebKit瀏覽器(如：Safari和Chrome)而開發(fā)的一個(gè)JavaScript框架。它標(biāo)榜自己在其簡(jiǎn)約的開發(fā)理念，能夠幫助開發(fā)人員簡(jiǎn)單、快速地完成開發(fā)交付任務(wù)。更重要的是這個(gè)JS框架，是超輕量級(jí)的，只有5KB。zepto.js的語法借鑒并且兼容jQuery。

21、Baker

Baker是用來在iPad或者iPhone平臺(tái)上發(fā)布交互式的電子書或者電子雜志的HTML5電子書框架。

22、ChocolateChip-UI

ChocolateChip-UI 是一個(gè)手機(jī)移動(dòng) Web 開發(fā)框架，采用 HTML5, WAML, CSS 和 JavaScript等技術(shù)實(shí)現(xiàn)。基于 ChocolateChip JavaScript 框架，包含最新的 ChUI.JS 和 ChUI.css.

23、Magazine Grid

Magazine Grid 是一個(gè)超現(xiàn)代的 CSS 框架，用于 iPad 和 iPhone 手機(jī)，使用類似雜志的設(shè)計(jì)風(fēng)格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁，非常輕量級(jí)(4k)，在移動(dòng)設(shè)備上加載非常快，對(duì)老的瀏覽器也支持。

24、Kendo UI

Kendo UI是一個(gè)強(qiáng)大的框架用于快速HTML5 UI開發(fā)。基于最新的HTML5、CSS3和JavaScript標(biāo)準(zhǔn)。 Kendo UI包含了開發(fā)現(xiàn)代JavaScript開發(fā)所需要的所有一切，包括：強(qiáng)大的數(shù)據(jù)源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控件。

25、HTML App Host Framework

這是一個(gè)用于構(gòu)建基于 Windows Phone 7 的 HTML/JavaScript 托管框架，使用 HTML5 技術(shù)。該框架由支持在標(biāo)準(zhǔn) xap 格式中嵌入 html 應(yīng)用的控件。

html5 app開發(fā)框架有哪些

①：PhoneGap

PhoneGap 恐怕是最老的一個(gè)框架了，相信很多人都已經(jīng)聽說過甚至使用過它，但是PhoneGap是基于開源的cordova?商業(yè)版本。

②：Ionic

IONIC 是目前最有潛力的一款HTML5手機(jī)應(yīng)用開發(fā)框架。通過SASS構(gòu)建應(yīng)用程序，它提供了很多UI組件來幫助開發(fā)者開發(fā)強(qiáng)大的應(yīng)用。它使用 JavaScript MVVM框架和 AngularJS來增強(qiáng)應(yīng)用。提供數(shù)據(jù)的雙向綁定，使用它成為Web和移動(dòng)開發(fā)者的共同選擇。

③：Mobile Angular UI

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應(yīng)式移動(dòng)開發(fā)HTML5框架。

Mobile Angular UI的關(guān)鍵字有：

Bootstrap 3

AngularJS

Bootstrap 3 Mobile組件，比如switches, overlays和sidebars，這些都是bootstrap中沒有的。

AngularJS modules， 比如 angular-route, angular-touch 和 angular-animate

響應(yīng)式媒體查詢是將bootstrap作為單獨(dú)的文件，你只需要包含你所需要的東西。Mobile Angular UIu并不包含任何jQuery依賴，你需要做的只是通過一些AngularJS指令創(chuàng)建友好的用戶體驗(yàn)。

④：Intel XDK

Intel XDK 是Inter開發(fā)的一款跨平臺(tái)開發(fā)工具，我們可以很容易的通過Intel XDK開發(fā)應(yīng)用，你需要做的只是下載他們的應(yīng)用開發(fā)工具 ，有Linux、Windows和Mac版，它還提供了很多個(gè)開發(fā)框架，比如Twitter bootstrap, jQuery Mobile 和 Topcoat.

⑤：Appcelerator Titanium

Appcelerator’s Titanium 不同于其它框架的是，它是一個(gè)開源的框架。

Titanium是混合式移動(dòng)應(yīng)用開發(fā)的一站式解決方案，你只需要下載 Titanium studio就可以解決所有的事情，Titanium SDK包含了很多手機(jī)平臺(tái)的APIs和后端云服務(wù)。

Titanium使用 Alloy，Alloy是一個(gè)快速開發(fā)的手機(jī)應(yīng)用MVC框架， 模塊式開發(fā)可以大大減小開發(fā)時(shí)間，提高代碼復(fù)用。

⑥：Sencha Touch

Sencha Touch 同樣也是HTML5手機(jī)應(yīng)用跨平臺(tái)開發(fā)框架，運(yùn)行iOS/Android/Blackberry。它已經(jīng)誕生很多年了，現(xiàn)在已經(jīng)成為很常用的混合式編程開發(fā)框架。

Sencha Touch可以讓你的Web App看起來像Native App。美麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的 WEB標(biāo)準(zhǔn)，全面兼容Android和Apple iOS設(shè)備。

⑦：Kendo UI

Telerik’s Kendo UI 是一個(gè)強(qiáng)大的框架用于快速HTML5 UI開發(fā)。基于最新的HTML5、CSS3和JavaScript標(biāo)準(zhǔn)。

Kendo UI包含了開發(fā)現(xiàn)代JavaScript開發(fā)所需要的所有一切，包括：強(qiáng)大的數(shù)據(jù)源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。

html5 移動(dòng)開發(fā)框架

下面再來總結(jié)下HTML5還有哪些框架是適合面向手機(jī)設(shè)備的開發(fā)的。

1、jQuery Mobile

jQuery

Mobile 是 jQuery 在手機(jī)上和平板設(shè)備上的版本。jQuery Mobile

不僅會(huì)給主流移動(dòng)平臺(tái)帶來jQuery核心庫，而且會(huì)發(fā)布一個(gè)完整統(tǒng)一的jQuery移動(dòng)UI框架。支持全球主流的移動(dòng)平臺(tái)。jQuery

Mobile開發(fā)團(tuán)隊(duì)說：能開發(fā)這個(gè)項(xiàng)目，我們非常興奮。移動(dòng)Web太需要一個(gè)跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動(dòng)Web網(wǎng)站。

2、jQTouch

jQTouch 是一個(gè) jQuery 的插件，主要用于手機(jī)上的 Webkit 瀏覽器上實(shí)現(xiàn)一些包括動(dòng)畫、列表導(dǎo)航、默認(rèn)應(yīng)用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機(jī)。

3、DHTMLX Touch

　

　DHTMLX

Touch是一個(gè)免費(fèi)的HTML5/JavaScript框架，專門為觸摸屏設(shè)備而優(yōu)化。為您帶來快速開發(fā)工藝精美的移動(dòng)Web應(yīng)用程序的能力。

DHTMLX Touch UI

Designer是一個(gè)可視化的編輯器用于構(gòu)建移動(dòng)用戶界面。它能夠幫您以最少的編碼構(gòu)建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX

Touch強(qiáng)大的用戶界面。包括一個(gè)menu app for the iPad (適用于開發(fā)餐廳應(yīng)用) 和Book Shop

(一個(gè)電子書店應(yīng)用)。

手機(jī)html5前端開發(fā)用什么框架

jquery mobile和bootstrap都是較好的框架。為了使用便利，下文列舉了目前最強(qiáng)大應(yīng)用最廣泛的幾款前端開發(fā)框架。

1. Bootstrap

Boostrap絕對(duì)是目前最流行用得最廣泛的一款框架。它是一套優(yōu)美，直觀并且給力的web設(shè)計(jì)工具包，可以用來開發(fā)跨瀏覽器兼容并且美觀大氣的頁面。它提供了很多流行的樣式簡(jiǎn)潔的UI組件，柵格系統(tǒng)以及一些常用的JavaScript插件。

2. Fbootstrapp

Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和設(shè)計(jì)相同的功能。包含用于所有標(biāo)準(zhǔn)組件的基本的CSS和HTML，包括排版、表單、按鈕、表格、柵格、導(dǎo)航等等，風(fēng)格與Facebook類似。

3. BootMetro

BootMetro框架的靈感來自于Metro UI CSS，基于Bootstrap 框架構(gòu)建，用于創(chuàng)建Windows 8 的Metro風(fēng)格的網(wǎng)站。它包括所有Bootstrap的功能，并添加了幾個(gè)額外的功能，比如頁面平鋪，應(yīng)用程序欄等等。

4. Kickstrap

Kickstrap是Bootstrap的一個(gè)變體。它基于Bootstrap，并在它的基礎(chǔ)上添加了許多app，主題以及附加功能。這使得這個(gè)框架可以單獨(dú)地用于構(gòu)建網(wǎng)站，而不需要額外安裝什么。你需要做的僅僅是把它放到你的網(wǎng)站上，然后用就可以了。

5. Foundation

Foundation 是一款強(qiáng)大的，功能豐富的并且支持響應(yīng)式布局的前端開發(fā)框架，你可以通過Foundation快速創(chuàng)建原型，利用它所包含的大量布局框架，元素以及最優(yōu)范例快速創(chuàng)建在各種設(shè)備上可以正常運(yùn)行的網(wǎng)站以及app。Foundation在構(gòu)建的時(shí)候秉承移動(dòng)優(yōu)先的策略，它擁有大量實(shí)用的語義化功能，并且使用Zepto類庫來取代jQuery，這樣可以帶來更好的用戶體驗(yàn)，并且提高運(yùn)行的速度。

6. GroundworkCSS

GroundworkCSS 是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一個(gè)高級(jí)響應(yīng)式的HTML5，CSS以及JavaScript工具包，可以用于快速創(chuàng)建原型并且建立在各種瀏覽設(shè)備上可以正常工作的網(wǎng)站和app。

7. Gumby

Gumby 是一款基于Sass和Compass的簡(jiǎn)單靈活并且穩(wěn)定的前端開發(fā)框架。

它的流式-固定布局（fluid-fixed layout）可以根據(jù)桌面端以及移動(dòng)設(shè)備的分辨率自動(dòng)優(yōu)化要呈現(xiàn)的網(wǎng)頁內(nèi)容。它支持多種網(wǎng)格布局，包括多列混雜的嵌套模式。Gumby提供兩套PSD的模板，方便你在12列和16列的網(wǎng)格系統(tǒng)上進(jìn)行設(shè)計(jì)。

8. HTML KickStart

HTML Kickstart 是一款可以用來方便創(chuàng)建任何布局的集合HTML5，CSS和jQuery的工具包。它提供了干凈，符合標(biāo)準(zhǔn)以及跨瀏覽器兼容的代碼。

9. IVORY

IVORY 是一款輕量，簡(jiǎn)單但是強(qiáng)大的前端框架，可以用于320到1200像素寬度的響應(yīng)式布局。它基于12列的響應(yīng)式網(wǎng)格布局，包含表格，按鈕，表格，分頁，撥動(dòng)開關(guān)，工具提示，手風(fēng)琴，選項(xiàng)卡等網(wǎng)站中常用的組件和樣式。

10.Kube

最后，如果你的新項(xiàng)目需要一款實(shí)在的，不需要復(fù)雜的額外功能組件的，足夠簡(jiǎn)單的框架，那么 Kube 將會(huì)是你正確的選擇。Kube是一款最小化的，支持響應(yīng)式的前端框架，它沒有強(qiáng)加的樣式設(shè)計(jì)，因此給了你充分的自由來開發(fā)自己的樣式表。它提供了一些web元素的基本樣式，比如網(wǎng)格，表單，排版，表格，按鈕，導(dǎo)航，鏈接以及圖片等等。

使用html5開發(fā)移動(dòng)端應(yīng)用采用什么框架

常用的移動(dòng)APP開發(fā)框架:

框架：PhoneGap

PhoneGap是一個(gè)用基于HTML，CSS和JavaScript的，創(chuàng)建移動(dòng)跨平臺(tái)移動(dòng)應(yīng)用程序的快速開發(fā)平臺(tái)。

優(yōu)點(diǎn)：

可跨平臺(tái)。phonegap框架幫我們解決了差異性，javascript與平臺(tái)系統(tǒng)的連接由phonegap框架完成。

提供硬件訪問控制。可調(diào)用加速計(jì)、攝像頭、羅盤、通訊錄、文檔、地理定位、媒體、網(wǎng)絡(luò)、通知。

可利用成熟javascript框架。如：Ext js、jQuery。

缺點(diǎn)：

性能差。運(yùn)行速度慢，UI反應(yīng)延時(shí)。

不能完全跨平臺(tái)。不同平臺(tái)代碼需要微調(diào)。

內(nèi)存消耗，調(diào)試難度大。

框架：Ionic

Ionic 是一個(gè)強(qiáng)大的 HTML5 應(yīng)用程序開發(fā)框架，?Ionic 主要關(guān)注外觀和體驗(yàn)，以及應(yīng)用程序的 UI 交互，特別適合用于基于 Hybird 模式的 HTML5 移動(dòng)應(yīng)用程序開發(fā)。 Ionic 是一個(gè)輕量的手機(jī) UI 庫，具有速度快，界面現(xiàn)代化、美觀等特點(diǎn)。

優(yōu)點(diǎn)：

輕量級(jí)框架，運(yùn)行速度快。

于 Angularjs，支持 Angularjs的特性， MVC ，代碼易維護(hù)。

通過 SASS 構(gòu)建應(yīng)用程序，接近原生。

缺點(diǎn)：

Ionic是一個(gè)前段框架。不能完全取代PhoneGap和JavaScript框架的作用。

需要結(jié)合插件使用。

框架：Hbuilder（國(guó)產(chǎn)）

HBuilder是DCloud（數(shù)字天堂）推出一款支持HTML5的Web開發(fā)IDE。“快，是HBuilder的最大優(yōu)勢(shì)。

優(yōu)點(diǎn)：

跨平臺(tái)：同時(shí)支持iOS、Android、Symbian、Windows Phone。

開發(fā)工具：基于Eclipse的開發(fā)工具，集成UI控件與應(yīng)用管理。

本地打包：無需配置環(huán)境，無需編譯，本地一鍵打包。

代碼加密：基于密鑰的加密方式，無法破解，像混編一樣保護(hù)html代碼。

技術(shù)支持：技術(shù)支持及時(shí)響應(yīng)，重視開發(fā)者建議和反饋。

缺點(diǎn)：

AppCan免費(fèi)版因需要把源代碼上傳到廠商的服務(wù)器上打包，對(duì)于企業(yè)開發(fā)來說源代碼泄露安全性上有一定風(fēng)險(xiǎn)。企業(yè)版雖然可以解決，但企業(yè)版穩(wěn)定尚待觀察。

AppCan采用封裝的組件，依賴性比較高。不是開源代碼。

ppCan 不能很好的解決原生代碼的功能。

Wex5(國(guó)產(chǎn))

WeX5應(yīng)用快速開發(fā)框架（含完整的SDK API及全部源碼），一次開發(fā)、跨端運(yùn)行。

優(yōu)點(diǎn)：

高效精致的UI組件體系，基于jquery和bootstrap技術(shù)，采用增強(qiáng)的RequireJS模塊化技術(shù)。

基于phonegap(cordova)框架，如相機(jī)、地圖、LBS定位、指南針、通訊錄、文件、語音、電池等。

可視化拖拽式集成開發(fā)環(huán)境IDE，全能力的調(diào)試支持和智能代碼提示。

缺點(diǎn)：

使用范圍有限：適用：一般app、電商app、客服app、會(huì)員app、微店微商等。

用戶量小，存在不穩(wěn)定因素。

總結(jié)：

跨平臺(tái)方面：大部分框架針對(duì)android和ios平臺(tái)，需要做或多或少的代碼調(diào)整，不能達(dá)到完全跨平臺(tái)。

性能方面：根據(jù)不完全統(tǒng)計(jì)，Ionic的性能會(huì)更好一點(diǎn)。

PhoneGap出現(xiàn)最早，國(guó)內(nèi)框架都是基于Phonegap開發(fā)出來的。

注意：

各框架在實(shí)現(xiàn)過程中都會(huì)遇到不同程度的坑，請(qǐng)根據(jù)框架的側(cè)重點(diǎn)謹(jǐn)慎選擇應(yīng)用的框架。如果要基于Html5開發(fā)App，還需要進(jìn)一步根據(jù)需求驗(yàn)證框架的可實(shí)施性、并進(jìn)行不同框架的效果對(duì)比。

html5框架技術(shù)是什么

HTML5基礎(chǔ)入門之常見的HTML5框架有哪些?

1、Siimpler

Siimpler 是個(gè)簡(jiǎn)單的 HTML 開發(fā)框架，他可以通過選擇你自己喜歡的部分，來幫助你迅速又簡(jiǎn)單地創(chuàng)建 HTML5 開發(fā)結(jié)構(gòu)。網(wǎng)絡(luò)設(shè)計(jì)者們也可以通過使用 Siimpler 框架類的文件和文件夾來無縫的開始一個(gè) Web 項(xiàng)目。

2、Ionic

Ionic 是個(gè)神奇的框架和強(qiáng)大前端開源系統(tǒng)，使用先進(jìn)的Web技術(shù)，比如CSS、HTML 和 JS 來創(chuàng)建令人驚嘆的手機(jī)應(yīng)用。

3、Foundation

Foundation 是世界上精妙的前端響應(yīng)框架，同時(shí)，它可以兼容所有的瀏覽器和網(wǎng)絡(luò)設(shè)備。Foundation 擁有移動(dòng)友好型的用戶接口，設(shè)置了許多關(guān)鍵特性。

4、Enyo

Enyo是一個(gè)開源的 Jaa 框架，該框架能夠讓你創(chuàng)建頂級(jí)的 HTML5 應(yīng)用程序，該應(yīng)用程序能夠運(yùn)行在各種各樣的電子設(shè)備上，比如說手機(jī)、臺(tái)式機(jī)、筆記本、電視以及Web應(yīng)用。

5、LimeJS

針對(duì)于所有的新的桌面瀏覽器和觸屏設(shè)備，LimeJS 對(duì)于有用戶經(jīng)驗(yàn)的游戲開發(fā)者而言是教好的和較強(qiáng)大的開發(fā)框架。

6、Bootstrap

Bootstrap能讓所有開發(fā)者都能迅速上手、所有設(shè)備都可以適配、所有項(xiàng)目都適用。此外，bootstrap的官網(wǎng)也有很多教程提供。

7、juery UI

juery UI 主要分為交互、微件和效果庫3個(gè)部分，主打代碼開源，操作繼承了juery 的簡(jiǎn)單特性，兼容各主流桌面瀏覽器。

分享名稱：html5手機(jī)框架,手機(jī)端h5框架
網(wǎng)頁網(wǎng)址：http://chinadenli.net/article10/dsgijdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、用戶體驗(yàn)、定制開發(fā)、企業(yè)建站、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)