1框架PhoneGap官網(wǎng)簡(jiǎn)介PhoneGap是一個(gè)用基于HTML，CSS和JavaScript的，創(chuàng)建移動(dòng)跨平臺(tái)移動(dòng)應(yīng)用程序的快速開發(fā)平臺(tái)它使開發(fā)者能夠利用iPhone，Android，Palm，Symbian，WP7，WP8，Bada和Blackberry智能手機(jī)的核心功能包括。

1首先，下載安裝WebEditorLite，這個(gè)直接在手機(jī)應(yīng)用商店中搜索就行，如下，大概也就431K2安裝完成后，打開這個(gè)軟件，主界面如下，主要分為3部分，分別是“NewFile新建文件”“OpenFile打開文件”和“AboutAPP。

如果你還沒有屬于自己的hrml5的手機(jī)站的話，那么你需要找人或者自己搭建一個(gè)H5的手機(jī)站搭建好手機(jī)站之后可以去找第三方的一個(gè)打包平臺(tái)把你的手機(jī)站封裝一下，比如說一門app安卓益奇門應(yīng)用這些平臺(tái)，封裝好之后就可以。

5原生型APP應(yīng)用的安裝包相對(duì)較大，包含UI元素?cái)?shù)據(jù)內(nèi)容邏輯框架6手機(jī)用戶無法上網(wǎng)也可訪問APP應(yīng)用中以前下載的數(shù)據(jù)7原生型的APP可以調(diào)用手機(jī)終端的硬件設(shè)備語音攝像頭短信GPS藍(lán)牙重力感應(yīng)等8APP應(yīng)。

一現(xiàn)在HTML5非?；鸬募夹g(shù)，主要方向在使用高端瀏覽器的高端移動(dòng)設(shè)備，所以可以用作開發(fā)Android系統(tǒng)的App二html5對(duì)androidios系統(tǒng)都支持三HTML5可以用作離線應(yīng)用的開發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地。

H5APP即是一種框架型APP開發(fā)模式HTML5APP框架開發(fā)模式，該開發(fā)具有跨平臺(tái)的優(yōu)勢(shì)，該模式通常由“HTML5云網(wǎng)站+APP應(yīng)用客戶端”兩部份構(gòu)成，APP應(yīng)用客戶端只需安裝應(yīng)用的框架部份，而應(yīng)用的數(shù)據(jù)則是每次打開APP的時(shí)候，去。

炫頁為用戶提供支持跨平臺(tái)瀏覽和學(xué)習(xí)的HTML5微課程制作工具支持炫酷動(dòng)畫PPT導(dǎo)入版權(quán)數(shù)字簽名無縫集成學(xué)習(xí)平臺(tái)微信傳播5Maka Maka除了有普通H5場(chǎng)景秀的功能，還有單獨(dú)的視頻模板和單頁長(zhǎng)圖制作功能，免費(fèi)版足夠滿足。

1基于HTML5的工具網(wǎng)站功能較強(qiáng)大，單頁面的操作性較強(qiáng)，可完成各種頁面交互效果但是某些時(shí)候會(huì)有操作“失靈”的現(xiàn)象，如上傳圖片失敗，點(diǎn)擊保存失敗，生成失敗等原因你懂得~2手機(jī)工具APP相比起工具網(wǎng)站來講，顯得比較順手。

主要區(qū)別有 1應(yīng)用環(huán)境手機(jī)原生app面前比較流行環(huán)境是Android和IOS兩個(gè)版本HTML5主要是在瀏覽器中進(jìn)行運(yùn)行和渲染，其實(shí)瀏覽器是App的一種2相關(guān)編程語言移動(dòng)APP的編程語言一般是c#，Java， c，vb 等HTML5的。

編寫手機(jī)App，用什么語言從簡(jiǎn)單到復(fù)雜，可以分三級(jí)簡(jiǎn)單方案HTML5 其實(shí)就是把網(wǎng)頁封裝成App編程語言就是網(wǎng)頁三件套HTML+CSS+Javascript 有多種工具和框架，如Cordova， uni等等這種方式實(shí)現(xiàn)“App”最容易，且跨。

一種框架型APP開發(fā)模式HTML5 APP 框架開發(fā)模式，該開發(fā)具有跨平臺(tái)的優(yōu)勢(shì)，該模式通常由“HTML5云網(wǎng)站+APP應(yīng)用客戶端”兩部份構(gòu)成，APP應(yīng)用客戶端只需安裝應(yīng)用的框架部份，而應(yīng)用的資料則是每次開啟APP的時(shí)候，去云端取資料呈現(xiàn)給手機(jī)使用。

1AdobeEdge AdobeEdge的目的是幫助專業(yè)設(shè)計(jì)師制作網(wǎng)頁動(dòng)畫乃至簡(jiǎn)單游戲該工具的重點(diǎn)放在動(dòng)畫引擎上，但adobe承諾將增加更多HTML5功能，比如CanvasHTML5音頻視頻標(biāo)簽等支持AndroidiOSwebOS黑莓PlayBookFirefox。

不一樣，需增加自適應(yīng)標(biāo)簽來保持一樣代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 解釋Viewport指用戶網(wǎng)頁的。

html5 app在設(shè)計(jì)時(shí)需要注意的一些要點(diǎn)1各手機(jī)瀏覽器的兼容測(cè)試 2底層服務(wù)的調(diào)取能調(diào)取，但只有當(dāng)其是核心功能時(shí)才保留 eg新浪美團(tuán)等皆去掉了頭像上傳功能3注意離線數(shù)據(jù)存儲(chǔ)，減少數(shù)據(jù)請(qǐng)求頻率4考慮保存。

可以通過webview方式訪問遠(yuǎn)程，也可以把html5頁面放在手機(jī)app端，本地方式進(jìn)行訪問但都離不開webviewHTML5現(xiàn)在現(xiàn)成的框架比較多，photogap，jquery mobile，bootstrap等都可以，如果功能簡(jiǎn)單，也可以不使用框架，自己寫幾個(gè)。