1框架PhoneGap官網(wǎng)簡(jiǎn)介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，WP8，Bada和Blackberry智能手機(jī)的核心功能包括地理定位，加速器，聯(lián)系人，聲音和振動(dòng)等，此外PhoneGap擁有豐富的插件，可以調(diào)用；1AppCan AppCan是國(guó)內(nèi)Hybrid App混合模式開(kāi)發(fā)的倡導(dǎo)者，AppCan應(yīng)用引擎支持Hybrid App的開(kāi)發(fā)和運(yùn)行并且著重解決了基于HTML5的移動(dòng)應(yīng)用quot不流暢quot和quot體驗(yàn)差quot的問(wèn)題使用AppCan應(yīng)用引擎提供的Native交互能力，可以讓HTML5開(kāi)發(fā)的移動(dòng)應(yīng)用基本接近Native App的體驗(yàn)3AppCan作為中國(guó)Hybrid混合應(yīng)用開(kāi)發(fā)移動(dòng)；H5開(kāi)發(fā)app經(jīng)常用到的框架有jquery mobile框架，bootstrap框架，ionic框架，Mobile Angular UI框架以及Sencha Touch框架等等今天給大家介紹一些常用的HTML5開(kāi)發(fā)APP的框架，這幾款框架都是比較優(yōu)秀的移動(dòng) Web 開(kāi)發(fā)框架，能夠幫助開(kāi)發(fā)者更加高效的開(kāi)發(fā)移動(dòng)Web應(yīng)用推薦教程HTML5教程jquery mobile框架。

可以通過(guò)webview方式訪問(wèn)遠(yuǎn)程，也可以把html5頁(yè)面放在手機(jī)app端，本地方式進(jìn)行訪問(wèn)但都離不開(kāi)webviewHTML5現(xiàn)在現(xiàn)成的框架比較多，photogap，jquery mobile，bootstrap等都可以，如果功能簡(jiǎn)單，也可以不使用框架，自己寫幾個(gè)html5頁(yè)面就行了；微信HTML5其實(shí)是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言HTML的第五次重大修改形成的語(yǔ)言標(biāo)準(zhǔn)對(duì)于微信這個(gè)APP來(lái)說(shuō)，應(yīng)用HTML5可以很好的實(shí)現(xiàn)本地存儲(chǔ)設(shè)備兼容鏈接特性網(wǎng)頁(yè)多媒體三維圖形特效以及性能集成與CSS3等優(yōu)勢(shì)，這些元素屬性可以讓用戶手機(jī)端頁(yè)面體驗(yàn)非常棒在移動(dòng)設(shè)備開(kāi)發(fā)HTML5應(yīng)用；如果不想用傳統(tǒng)的頁(yè)面跳轉(zhuǎn)，可以考慮使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以實(shí)現(xiàn)你說(shuō)的那種，上下不動(dòng)只有中間的內(nèi)容在變，其實(shí)加載的是不同的模板，然后用路由控制的，整個(gè)瀏覽器始終處在一個(gè)界面中，只是在不停的重新渲染內(nèi)容，頁(yè)面并沒(méi)有跳轉(zhuǎn)，這個(gè)應(yīng)該就是你想要的了吧；一現(xiàn)在html5非?；鸬募夹g(shù)，主要方向在使用高端瀏覽器的高端移動(dòng)設(shè)備，所以可以用作開(kāi)發(fā)android系統(tǒng)的app二html5對(duì)androidios系統(tǒng)都支持三html5可以用作離線應(yīng)用的開(kāi)發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地，下次再查看時(shí)無(wú)需聯(lián)網(wǎng)四html5開(kāi)發(fā)app，能提供更快更簡(jiǎn)便的服務(wù)，代碼可高度。

使用 html5 開(kāi)發(fā)一個(gè)動(dòng)態(tài)網(wǎng)站方法工具原料 HBuilder66 MUI25 方法步驟 為了演示HTML5 APP頁(yè)面是如何做到動(dòng)態(tài)調(diào)整布局1首先，我們創(chuàng)建一個(gè)移動(dòng)APP項(xiàng)目，然后，添加一個(gè)indexhtml頁(yè)面代碼里，添加一個(gè)圖標(biāo)，以及添加引入一個(gè)JS文件，該文件的作用在于請(qǐng)求后臺(tái)JS文件2接下來(lái)，我們看看；在跨平臺(tái)開(kāi)發(fā)成本上，HTML5勝出HTML5采用網(wǎng)絡(luò)通用語(yǔ)言，不用考慮終端設(shè)備或者操作系統(tǒng)的不同在更快速的更新和更強(qiáng)的發(fā)布控制方面，HTML5勝出與HTML5相比，原生APP不具備的一個(gè)優(yōu)勢(shì)就是開(kāi)放性HTML5是基于Web的，這就意味著沒(méi)有一家公司可以成為市場(chǎng)的“看門人”，谷歌不行蘋果不行亞馬遜不；一現(xiàn)在HTML5非?；鸬募夹g(shù)，主要方向在使用高端瀏覽器的高端移動(dòng)設(shè)備，所以可以用作開(kāi)發(fā)Android系統(tǒng)的App二html5對(duì)androidios系統(tǒng)都支持三HTML5可以用作離線應(yīng)用的開(kāi)發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地，下次再查看時(shí)無(wú)需聯(lián)網(wǎng)四html5開(kāi)發(fā)app，能提供更快更簡(jiǎn)便的服務(wù)，代碼可高度；不一樣，需增加自適應(yīng)標(biāo)簽來(lái)保持一樣代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 解釋Viewport指用戶網(wǎng)頁(yè)的可視區(qū)域，content中的“width”指的是虛擬窗口寬度，上面代碼意為虛擬窗口頁(yè)面寬度；封裝App又稱webapp WebApp即是一種框架型APP開(kāi)發(fā)模式HTML5APP框架開(kāi)發(fā)模式，該開(kāi)發(fā)具有跨平臺(tái)的優(yōu)勢(shì)，該模式通常由“HTML5云網(wǎng)站APP應(yīng)用客戶端”兩部份構(gòu)成，APP應(yīng)用客戶端只需安裝應(yīng)用的框架部份，而應(yīng)用的數(shù)據(jù)則是每次打開(kāi)APP的時(shí)候，去云端取數(shù)據(jù)呈現(xiàn)給手機(jī)用戶混合開(kāi)發(fā)的AppHybridApp就是在一；HTML5的離線應(yīng)用和本地化存儲(chǔ)等API，使它可以被用來(lái)開(kāi)發(fā)Native App這種Native App也有安裝的一個(gè)動(dòng)作，這是與Web App的明顯差別使用HTML5開(kāi)發(fā)的Native App，一般又稱為混合型AppHybrid App流程1開(kāi)發(fā)對(duì)應(yīng)的Web App2搭建Native App的開(kāi)發(fā)環(huán)境比如Android的JDK+Eclipse+ADT+SDK3；ltstyle type=quottextcssquot ul，li，body margin0padding 0 ul bordertop 1px solid #ccc display flex flexwrap wrap liststyle li borderbottom 1px solid #ccc flex 0 0 47% padding 5px textalign cente；Web App開(kāi)發(fā)即是一種框架型APP開(kāi)發(fā)模式HTML5 APP 框架開(kāi)發(fā)模式，該開(kāi)發(fā)具有跨平臺(tái)的優(yōu)勢(shì)，該模式通常由“HTML5云網(wǎng)站+APP應(yīng)用客戶端”兩部份構(gòu)成，APP應(yīng)用客戶端只需安裝應(yīng)用的框架部份，而應(yīng)用的數(shù)據(jù)則是每次打開(kāi)APP的時(shí)候，去云端取數(shù)據(jù)呈現(xiàn)給手機(jī)用戶原生APP開(kāi)發(fā)及Web APP開(kāi)發(fā)模式的區(qū)別 Web；首先先了解app軟件開(kāi)發(fā)需求，知道自己開(kāi)發(fā)的系統(tǒng)是安卓還是ios，開(kāi)發(fā)語(yǔ)言以及下載開(kāi)發(fā)環(huán)境等也可以請(qǐng)一些專業(yè)的手機(jī)app軟件開(kāi)發(fā)團(tuán)隊(duì)來(lái)幫忙開(kāi)發(fā)，或找一些專業(yè)的移動(dòng)app外包來(lái)進(jìn)行合作開(kāi)發(fā)開(kāi)發(fā)大致步驟如下整理手機(jī)app軟件開(kāi)發(fā)需求把a(bǔ)pp軟件開(kāi)發(fā)需求整理成文檔，提交給app開(kāi)發(fā)團(tuán)隊(duì)功能需求確定，然后開(kāi)始。

因?yàn)樾阅軉?wèn)題，F(xiàn)acebook 2012年離開(kāi)了 HTML5 App 陣營(yíng)Facebook “Betting on HTML5 Was a Mistake”但時(shí)至今日，還是沒(méi)有什么改善也分享一篇文章，可以看看坑移動(dòng)端HTML5游戲性能優(yōu)化這里有個(gè)例子微眾銀行 App 是 Cordova + Ionic + Angular微眾很行app十分卡頓，大家覺(jué)得么2；AppMobi宣布其XDK與PhoneGap的HTML5跨平臺(tái)開(kāi)發(fā)工具實(shí)現(xiàn)了兼容，全新10版本已經(jīng)發(fā)布XDK延續(xù)了PhoneGap的特性，支持訪問(wèn)設(shè)備的各類功能，如GPS定位加速計(jì)攝像頭觸摸屏交互以及各種觸摸手勢(shì)和振動(dòng)等在使用XDK進(jìn)行項(xiàng)目開(kāi)發(fā)時(shí)，用戶有機(jī)會(huì)利用AppMobi提供的額外服務(wù)，這些服務(wù)并非僅限于HTML5開(kāi)發(fā)環(huán)境。