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

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

3、你需要一個(gè)web開發(fā)工具比如HBuilder用html做成一個(gè)網(wǎng)頁，然后在手機(jī)上用瀏覽器打開，就相當(dāng)于一個(gè)apk而HBuilder提供了這個(gè)打包功能，讓你把瀏覽器和html頁面打包，就類似于一個(gè)手機(jī)上運(yùn)行的app；在開始編寫webapp時(shí)，前端工程師使用HTML5，而放棄HTML4，因?yàn)镠TML5可以實(shí)現(xiàn)一些HTML4中無法實(shí)現(xiàn)的豐富的WEB應(yīng)用程序 的體驗(yàn)，可以減少開發(fā)者很多的工作量，當(dāng)然了你決定使用HTML5前，一定要對此非常熟悉，要知道HTML5的新；一現(xiàn)在HTML5非常火的技術(shù)，主要方向在使用高端瀏覽器的高端移動(dòng)設(shè)備，所以可以用作開發(fā)Android系統(tǒng)的App二html5對androidios系統(tǒng)都支持三HTML5可以用作離線應(yīng)用的開發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地，下。

4、搭建好手機(jī)站之后可以去找第三方的一個(gè)打包平臺(tái)把你的手機(jī)站封裝一下，比如說一門app安卓益奇門應(yīng)用這些平臺(tái)，封裝好之后就可以生成安裝包了如果是要上架的話你在封裝的時(shí)候上傳一下發(fā)布證書，然后你就可以去開發(fā)者中；二html5對androidios系統(tǒng)都支持三html5可以用作離線應(yīng)用的開發(fā)，離線應(yīng)用就是把需要的資源先緩存到本地，下次再查看時(shí)無需聯(lián)網(wǎng)四html5開發(fā)app，能提供更快更簡便的服務(wù)，代碼可高度重用，服務(wù)發(fā)布方便五；開發(fā)大致步驟如下整理手機(jī)app軟件開發(fā)需求把a(bǔ)pp軟件開發(fā)需求整理成文檔，提交給app開發(fā)團(tuán)隊(duì)功能需求確定，然后開始app軟件的原型策劃以及UI界面策劃原型圖及UI界面策劃完畢，開始程序開發(fā)程序開發(fā)完成，進(jìn)入測試階段，修改；這里為了方便演示，我新建了一個(gè)apphtml，主要代碼如下，其實(shí)就是一個(gè)簡單的登陸頁面，文本框輸入內(nèi)容，然后點(diǎn)擊登陸打印出來用瀏覽器打開這個(gè)html文件，效果如下4接著，就是打包程序了，雙擊打開mainfestjson配置文件。

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