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

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

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

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

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