在hb中有一個(gè)Wap2App，hb對(duì)他的介紹是快速把a(bǔ)pp網(wǎng)站升級(jí)為具有原生功能體驗(yàn)的app，只需要輸入web頁(yè)面的首頁(yè)地址，hb就能把這個(gè)web頁(yè)面打包成app，而不需要再弄一遍hb的代碼。

但是當(dāng)網(wǎng)站是內(nèi)網(wǎng)頁(yè)面，需要鏈接vpn才能訪問的網(wǎng)頁(yè)，因?yàn)閔b無法訪問到內(nèi)網(wǎng)頁(yè)面，所以在新建項(xiàng)目的時(shí)候，hb沒有打包這個(gè)頁(yè)面的能力，這個(gè)時(shí)候有兩個(gè)辦法:第一種是離線打包，這個(gè)非常的麻煩，以后研究了后在和大家分享。

這里我使用第二種方法，重定向。這個(gè)其實(shí)非常簡(jiǎn)單，我們不需要直接訪問內(nèi)網(wǎng)網(wǎng)站，而是訪問某個(gè)能訪問到的頁(yè)面，并在這個(gè)頁(yè)面中設(shè)置重定向replace，為了以防萬(wàn)一，我們使用兩種跳轉(zhuǎn)方法，html跳轉(zhuǎn)和js跳轉(zhuǎn)。

這樣我們就能直接打包了。因?yàn)檫@個(gè)頁(yè)面是外網(wǎng)，進(jìn)入打包好的app后就像瀏覽器跳轉(zhuǎn)一樣跳轉(zhuǎn)到目標(biāo)頁(yè)面，和直接使用體感上是一樣的。

打包后我又發(fā)現(xiàn)了一個(gè)問題，因?yàn)橹笆羌僾ue移動(dòng)端頁(yè)面，沒有app，所以沒有考慮適配問題，預(yù)審，當(dāng)沒有了瀏覽器頭部的功能欄，導(dǎo)致返回按鈕被狀態(tài)欄遮蓋住，沒法點(diǎn)到。

嘗試過使用Windows.plus判斷是處于app還是瀏覽器環(huán)境中，然后加按鈕這樣的思路，但是判斷全是處于瀏覽器環(huán)境。

這時(shí)候我想到一個(gè)html中有一個(gè)meta，只能讓頁(yè)面在安全環(huán)境中顯示。

<meta name="viewport"  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

user-scalable=no 禁用雙指縮放，防止頁(yè)面被意外放大

width=device-width 確寬度與設(shè)備寬保頁(yè)面度一致

initial-scale=1.0 鎖定初始縮放比例為 100%

眾所周知啊，vue中并不全都是.vue文件，在pubilc中也有一個(gè)入口文件index.html，把這個(gè)meta放這里，就可以了

了解更多hbuilder知識(shí)點(diǎn)擊這里。