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

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

創(chuàng)新互聯(lián)專注于薩迦網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供薩迦營(yíng)銷型網(wǎng)站建設(shè)，薩迦網(wǎng)站制作、薩迦網(wǎng)頁(yè)設(shè)計(jì)、薩迦網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù)，打造薩迦網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供薩迦網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

1、jQuery Mobile

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

2、jQTouch

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

3、DHTMLX Touch

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

4、Mobilize.js

Mobilize.js是一個(gè)開(kāi)源的HTML5-JavaScript框架用于從任何現(xiàn)在有標(biāo)準(zhǔn)網(wǎng)站快速，簡(jiǎn)便地構(gòu)建移動(dòng)網(wǎng)站。這個(gè)框架其實(shí)就是將需要在移動(dòng)設(shè)備上顯示的部分頁(yè)面以jQuery Mobile的默認(rèn)主題顯示，而不是實(shí)現(xiàn)一個(gè)全新完整的移動(dòng)頁(yè)面。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新的特性來(lái)更好和更簡(jiǎn)便地開(kāi)發(fā)移動(dòng)應(yīng)用。這個(gè)框架遵循著名的MVC軟件架構(gòu)模式。它還支持離線，所以你的用戶可以在沒(méi)有連接網(wǎng)絡(luò)的情況下繼續(xù)操作(當(dāng)下次有連線的時(shí)候，再將數(shù)據(jù)同步到服務(wù)器中)。提供優(yōu)秀的文檔(這個(gè)項(xiàng)目擁有一個(gè)引導(dǎo)新用戶入門的開(kāi)發(fā)指南)?？梢圆榭刺峁┑氖纠齺?lái)對(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開(kāi)發(fā)和利用jQuery的優(yōu)越的性能和易用性的力量。所有的Wijmo部件都配備了20多個(gè)主題和支持ThemeRoller。

8、960 Grid on jQuery-Mobile

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

10、NimbleKit

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

11、Touchy? Boilerplate

Touchy Boilerplate 是一個(gè)用來(lái)創(chuàng)建移動(dòng)web app，包括HTML模板，Meta tag等的工具。Touchy可以支持動(dòng)態(tài)頁(yè)面導(dǎo)航，固定頁(yè)頭，滾動(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)用程序的快速開(kāi)發(fā)平臺(tái)。它使開(kāi)發(fā)者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機(jī)的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動(dòng)等，此外PhoneGap擁有豐富的插件，可以以此擴(kuò)展無(wú)限的功能。PhoneGap是免費(fèi)的，但是它需要特定平臺(tái)提供的附加軟件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開(kāi)發(fā)。使用PhoneGap只比為每個(gè)平臺(tái)分別建立應(yīng)用程序好一點(diǎn)點(diǎn)，因?yàn)殡m然基本代碼是一樣的，但是你仍然需要為每個(gè)平臺(tái)分別編譯應(yīng)用程序。

13、joshfire

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

14、 Julia

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

15、SproutCore HTML5 Application Framework

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

16、Titanium

這是一個(gè)強(qiáng)大的，健壯的移動(dòng)Web開(kāi)發(fā)框架。能夠讓使用現(xiàn)有的HTML, CSS和JavaScript知識(shí)來(lái)為 iOS和Android平臺(tái)開(kāi)發(fā)原生移動(dòng)應(yīng)用。作為一個(gè)越來(lái)越大的移動(dòng)Web框架，它擁有超過(guò)300個(gè)的APIs和活躍的開(kāi)發(fā)者社區(qū)。你從這個(gè)社區(qū)中得到每一個(gè)開(kāi)發(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)用程序開(kāi)發(fā)框架。利用這框架開(kāi)發(fā)的應(yīng)用程序可運(yùn)行所有流行的平臺(tái)包括：iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如：tap, double-tap和swipe。整個(gè)框架沒(méi)有用到任何圖片包括圖標(biāo)，所有都矢量化。可以在這個(gè)框架中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，歷史或設(shè)備方向等。Lungo.js是一個(gè)模塊化并且完全可定制的框架。

18、xui.js

有時(shí)候你可能需要一個(gè)超輕量級(jí)的框架，只要擁有用于開(kāi)發(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)的開(kāi)發(fā)版本。這樣就能夠以最少的代碼，為用戶提供最佳的體驗(yàn)。而且假如你喜歡自己定制，可以利用其提供的EmbedJS Build tool工具實(shí)現(xiàn)。EmbedJS基于Dojo實(shí)現(xiàn)，所以你如果熟悉Dojo API語(yǔ)法，那EmbedJS將是你最佳的選擇。

20、zepto.js

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

21、Baker

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

22、ChocolateChip-UI

ChocolateChip-UI 是一個(gè)手機(jī)移動(dòng) Web 開(kāi)發(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 元素來(lái)組織雜志頁(yè)，非常輕量級(jí)(4k)，在移動(dòng)設(shè)備上加載非?？欤瑢?duì)老的瀏覽器也支持。

24、Kendo UI

Kendo UI是一個(gè)強(qiáng)大的框架用于快速HTML5 UI開(kāi)發(fā)。基于最新的HTML5、CSS3和JavaScript標(biāo)準(zhǔn)。 Kendo UI包含了開(kāi)發(fā)現(xiàn)代JavaScript開(kāi)發(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模板怎么使用？

1、啟動(dòng) Visual Studio 2010。

2、在“文件”菜單中，依次選擇“新建”和“項(xiàng)目”。將打開(kāi)“新建項(xiàng)目”對(duì)話框。在 Visual Basic 或 Visual C# 中選擇“WEB應(yīng)用程序”，然后將其命名為“HTML5Template”。單擊“確定”。

3、在這個(gè)項(xiàng)目中添加下面這些文件。

兩個(gè)分別放置js和css的文件夾：css、js

HTML5基本模板頁(yè)：index.html

jQuery：jquery-1.4.2.min.js

Modernizr ：modernizr-1.5.min.js

HTML5 樣式文件：html5reset.css

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

隨著使用智能手機(jī)的人越來(lái)越多，手機(jī)網(wǎng)站開(kāi)發(fā)項(xiàng)目也成為一種潮流。可是您知道機(jī)網(wǎng)站開(kāi)發(fā)框架有幾種嗎?

1. LungoJS

這個(gè)是被認(rèn)為開(kāi)發(fā)移動(dòng)網(wǎng)站最好的HTML5開(kāi)發(fā)框架，使用 HTML5/CSS3 和 JavaScript 技術(shù)?？蓭椭鷦?chuàng)建基于 iOS、 Android、 Blackberry 和 WebOS 平臺(tái)的應(yīng)用程序。該框架可利用當(dāng)前移動(dòng)設(shè)備的高級(jí)特性，可捕捉事件包括滑動(dòng)、觸屏、長(zhǎng)按等。無(wú)需使用圖片，全部采用向量聲稱。

Lungo.JS 無(wú)需服務(wù)器端支持，可幫助實(shí)現(xiàn) HTML5 特性，包括 WebSQL、Geolocation、 History、 Device orientation 等等。這是一個(gè)完全可定制的框架，可用來(lái)創(chuàng)建應(yīng)用、游戲等程序。

2.Kendo UI

Kendo UI是一個(gè)HTML5平臺(tái)，開(kāi)發(fā)者利用它可以開(kāi)發(fā)新穎的、交互的移動(dòng)應(yīng)用程序和網(wǎng)站。該框架提供了大量的動(dòng)畫和豐富的拖拽功能、模板功能以及提供了將近10款客戶端常用的數(shù)據(jù)綁定小部件，如圖表、組合框以及常用表格。

3.Jo

該框架可以創(chuàng)建像本地一樣的應(yīng)用，并且兼容任何操作系統(tǒng)，無(wú)論是Blackberry、iOS還是Android。并且提供許多HTML5小部件。使用它可以解決任何動(dòng)畫設(shè)計(jì)方面的問(wèn)題。

4.Sencha Touch

Sencha Touch是第一個(gè)基于HTML5的移動(dòng)應(yīng)用框架，利用JavaScript、HTML5和CSS3來(lái)構(gòu)建移動(dòng)應(yīng)用程序，該框架利用本地代理存儲(chǔ)離線數(shù)據(jù)，具體使用HTML5來(lái)渲染視頻和音頻組件。

可以讓你的Web App看起來(lái)就像本地應(yīng)用程序一樣。美麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的Web標(biāo)準(zhǔn)，全面兼容Android和Apple iOS設(shè)備。

5.52 Framework

52 Framework擁有16列的網(wǎng)格模板。該框架來(lái)自于CSS3樣式里的新“Selection”、陰影、圓角以及有效的HTML5標(biāo)記。該框架還提供了一些特殊的腳本和樣式用于IE6。

6.LimeJS

LimeJS 是一個(gè) JavaScript 游戲開(kāi)發(fā)框架，用于快速構(gòu)建運(yùn)行于觸屏設(shè)備和桌面瀏覽器的游戲。允許開(kāi)發(fā)者創(chuàng)建基于 HTML5 的游戲，支持主流瀏覽器包括iOS。

7. G5 Framework

如果你想要快速實(shí)現(xiàn)Web開(kāi)發(fā)，并且想要重用ant主題或應(yīng)用程序或網(wǎng)站項(xiàng)目，那么G5 框架是您最好的選擇，因?yàn)樵摽蚣苤荚谔嵘_(kāi)發(fā)效率、減少代碼。該框架采用特色的PHP激活類、SEO優(yōu)化技術(shù)。除了G5自身所帶的這些功能特性外，它還集成其他許多功能，例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。

8.jQuery Mobile

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

9.Phone Gap

PhoneGap是一個(gè)開(kāi)源的開(kāi)發(fā)框架，使用HTML，CSS和JavaScript來(lái)構(gòu)建跨平臺(tái)的的移動(dòng)應(yīng)用程序。它使開(kāi)發(fā)者能夠利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手機(jī)的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動(dòng)等。

網(wǎng)頁(yè)題目：html5移動(dòng)模板,移動(dòng)網(wǎng)站模板
路徑分享：http://jinyejixie.com/article26/dssejjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、標(biāo)簽優(yōu)化、網(wǎng)站收錄、網(wǎng)站設(shè)計(jì)公司、虛擬主機(jī)、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)