在hb中有一個Wap2App，hb對他的介紹是快速把app網(wǎng)站升級為具有原生功能體驗的app，只需要輸入web頁面的首頁地址，hb就能把這個web頁面打包成app，而不需要再弄一遍hb的代碼。
但是當網(wǎng)站是內(nèi)網(wǎng)頁面，需要鏈接vpn才能訪問的網(wǎng)頁，因為hb無法訪問到內(nèi)網(wǎng)頁面，所以在新建項目的時候，hb沒有打包這個頁面的能力，這個時候有兩個辦法:第一種是離線打包，這個非常的麻煩，以后研究了后在和大家分享。
這里我使用第二種方法，重定向。這個其實非常簡單，我們不需要直接訪問內(nèi)網(wǎng)網(wǎng)站，而是訪問某個能訪問到的頁面，并在這個頁面中設(shè)置重定向replace，為了以防萬一，我們使用兩種跳轉(zhuǎn)方法，html跳轉(zhuǎn)和js跳轉(zhuǎn)。
這樣我們就能直接打包了。因為這個頁面是外網(wǎng)，進入打包好的app后就像瀏覽器跳轉(zhuǎn)一樣跳轉(zhuǎn)到目標頁面，和直接使用體感上是一樣的。
打包后我又發(fā)現(xiàn)了一個問題，因為之前是純vue移動端頁面，沒有app，所以沒有考慮適配問題，預審，當沒有了瀏覽器頭部的功能欄，導致返回按鈕被狀態(tài)欄遮蓋住，沒法點到。
嘗試過使用Windows.plus判斷是處于app還是瀏覽器環(huán)境中，然后加按鈕這樣的思路，但是判斷全是處于瀏覽器環(huán)境。
這時候我想到一個html中有一個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中也有一個入口文件index.html，把這個meta放這里，就可以了
