1、兩種方法，一種是“普通封裝企業(yè)簽名”，一種是“免簽封裝”封裝就是將HTML5網(wǎng)頁(yè)封裝成一個(gè)APP，安卓封裝APP可以直接安裝，但是ios系統(tǒng)對(duì)應(yīng)用的安裝是有限制的，非App Store下載的應(yīng)用必須要做蘋(píng)果簽名才能成功安裝，所以封裝；不一樣，需增加自適應(yīng)標(biāo)簽來(lái)保持一樣代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 解釋Viewport指用戶網(wǎng)頁(yè)的；如果要做網(wǎng)站封裝APP的話，其實(shí)非常簡(jiǎn)單的，網(wǎng)上很多開(kāi)發(fā)者服務(wù)平臺(tái)都有這個(gè)功能，操作非常簡(jiǎn)單，基本上一分鐘不到就可以封裝好在亥著開(kāi)發(fā)者中心找到產(chǎn)品概覽封裝APP輸入APP名稱，網(wǎng)站網(wǎng)址，選擇圖標(biāo)，也可以自己上傳；這里介紹一個(gè)打包工具HBuilder，可以直接將html打包成手機(jī)app，下面我介紹一下這個(gè)工具的安裝和簡(jiǎn)單使用，如下1下載HBuilder，這個(gè)直接到官網(wǎng)下載就行，地址，如下2下載成功后，隨便解壓到一個(gè)目錄下邊，主要內(nèi)容如下3。

2、聽(tīng)上去蠻不錯(cuò)的，那么我們就開(kāi)始用它來(lái)做一個(gè)app吧創(chuàng)建應(yīng)用 如果按照Cordova 官網(wǎng)所述，直接用npm全局安裝 cordova ，并創(chuàng)建應(yīng)用，你可能遇到以下錯(cuò)誤此時(shí)不要緊張，卸載 cordova ，使用；Android需要使用Java語(yǔ)言來(lái)開(kāi)發(fā)，對(duì)于前端工程師來(lái)說(shuō)，無(wú)疑是增加了很大的難度隨后出現(xiàn)了很多打包工具，來(lái)協(xié)助我們將網(wǎng)頁(yè)元素打包成手機(jī)app，將我們編寫(xiě)的html轉(zhuǎn)化為Java語(yǔ)言解決方案推薦一款我們常用的打包工具HBuilder；HBuilder是DCloud數(shù)字天堂推出的一款支持HTML5的Web開(kāi)發(fā)IDEHBuilder的編寫(xiě)用到了JavaCWeb和RubyHBuilder本身主體是由Java編寫(xiě)它基于Eclipse，所以順其自然地兼容了Eclipse的插件4WebStorm WebStorm是jetbrains；這種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；利用htmlHTML5CSSCSS3以及Javascript響應(yīng)式設(shè)計(jì)PhoneGap等可以制作混合APP1使用CSS3媒體查詢制作響應(yīng)式頁(yè)面，以確保在不同的屏幕分辨率下都能很好的顯示或者也可以以remnantrem單位，將固定寬高換乘為。

3、你需要一個(gè)web開(kāi)發(fā)工具比如HBuilder用html做成一個(gè)網(wǎng)頁(yè)，然后在手機(jī)上用瀏覽器打開(kāi)，就相當(dāng)于一個(gè)apk而HBuilder提供了這個(gè)打包功能，讓你把瀏覽器和html頁(yè)面打包，就類似于一個(gè)手機(jī)上運(yùn)行的app；在開(kāi)始編寫(xiě)webapp時(shí)，前端工程師使用HTML5，而放棄HTML4，因?yàn)镠TML5可以實(shí)現(xiàn)一些HTML4中無(wú)法實(shí)現(xiàn)的豐富的WEB應(yīng)用程序 的體驗(yàn)，可以減少開(kāi)發(fā)者很多的工作量，當(dāng)然了你決定使用HTML5前，一定要對(duì)此非常熟悉，要知道HTML5的新；一現(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)用就是把需要的資源先緩存到本地，下。

4、搭建好手機(jī)站之后可以去找第三方的一個(gè)打包平臺(tái)把你的手機(jī)站封裝一下，比如說(shuō)一門app安卓益奇門應(yīng)用這些平臺(tái)，封裝好之后就可以生成安裝包了如果是要上架的話你在封裝的時(shí)候上傳一下發(fā)布證書(shū)，然后你就可以去開(kāi)發(fā)者中；二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ù)，代碼可高度重用，服務(wù)發(fā)布方便五；開(kāi)發(fā)大致步驟如下整理手機(jī)app軟件開(kāi)發(fā)需求把a(bǔ)pp軟件開(kāi)發(fā)需求整理成文檔，提交給app開(kāi)發(fā)團(tuán)隊(duì)功能需求確定，然后開(kāi)始app軟件的原型策劃以及UI界面策劃原型圖及UI界面策劃完畢，開(kāi)始程序開(kāi)發(fā)程序開(kāi)發(fā)完成，進(jìn)入測(cè)試階段，修改；這里為了方便演示，我新建了一個(gè)apphtml，主要代碼如下，其實(shí)就是一個(gè)簡(jiǎn)單的登陸頁(yè)面，文本框輸入內(nèi)容，然后點(diǎn)擊登陸打印出來(lái)用瀏覽器打開(kāi)這個(gè)html文件，效果如下4接著，就是打包程序了，雙擊打開(kāi)mainfestjson配置文件。

5、1 Adobe Dreamweaver CS6 Dreamweaver CS6是世界頂級(jí)軟件廠商Adobe推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動(dòng)應(yīng)用程序的網(wǎng)頁(yè)設(shè)計(jì)軟件由于Dreamweaver支持代碼拆分設(shè)計(jì)實(shí)時(shí)視圖等多種方式來(lái)創(chuàng)作編寫(xiě)和修改。