在hb中有一個(gè)Wap2App，hb對他的介紹是快速把a(bǔ)pp網(wǎng)站升級為具有原生功能體驗(yàn)的app，只需要輸入web頁面的首頁地址，hb就能把這個(gè)web頁面打包成app，而不需要再弄一遍hb的代碼。
但是當(dāng)網(wǎng)站是內(nèi)網(wǎng)頁面，需要鏈接vpn才能訪問的網(wǎng)頁，因?yàn)閔b無法訪問到內(nèi)網(wǎng)頁面，所以在新建項(xiàng)目的時(shí)候，hb沒有打包這個(gè)頁面的能力，這個(gè)時(shí)候有兩個(gè)辦法:第一種是離線打包，這個(gè)非常的麻煩，以后研究了后在和大家分享。
這里我使用第二種方法，重定向。這個(gè)其實(shí)非常簡單，我們不需要直接訪問內(nèi)網(wǎng)網(wǎng)站，而是訪問某個(gè)能訪問到的頁面，并在這個(gè)頁面中設(shè)置重定向replace，為了以防萬一，我們使用兩種跳轉(zhuǎn)方法，html跳轉(zhuǎn)和js跳轉(zhuǎn)。
這樣我們就能直接打包了。因?yàn)檫@個(gè)頁面是外網(wǎng)，進(jìn)入打包好的app后就像瀏覽器跳轉(zhuǎn)一樣跳轉(zhuǎn)到目標(biāo)頁面，和直接使用體感上是一樣的。
打包后我又發(fā)現(xiàn)了一個(gè)問題，因?yàn)橹笆羌僾ue移動(dòng)端頁面，沒有app，所以沒有考慮適配問題，預(yù)審，當(dāng)沒有了瀏覽器頭部的功能欄，導(dǎo)致返回按鈕被狀態(tài)欄遮蓋住，沒法點(diǎn)到。
嘗試過使用Windows.plus判斷是處于app還是瀏覽器環(huán)境中，然后加按鈕這樣的思路，但是判斷全是處于瀏覽器環(huán)境。
這時(shí)候我想到一個(gè)html中有一個(gè)meta，只能讓頁面在安全環(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 禁用雙指縮放，防止頁面被意外放大
width=device-width 確寬度與設(shè)備寬保頁面度一致
initial-scale=1.0 鎖定初始縮放比例為 100%
眾所周知啊，vue中并不全都是.vue文件，在pubilc中也有一個(gè)入口文件index.html，把這個(gè)meta放這里，就可以了
