在hb中有一個Wap2App，hb對他的介紹是快速把app網站升級為具有原生功能體驗的app，只需要輸入web頁面的首頁地址，hb就能把這個web頁面打包成app，而不需要再弄一遍hb的代碼。

但是當網站是內網頁面，需要鏈接vpn才能訪問的網頁，因為hb無法訪問到內網頁面，所以在新建項目的時候，hb沒有打包這個頁面的能力，這個時候有兩個辦法:第一種是離線打包，這個非常的麻煩，以后研究了后在和大家分享。

這里我使用第二種方法，重定向。這個其實非常簡單，我們不需要直接訪問內網網站，而是訪問某個能訪問到的頁面，并在這個頁面中設置重定向replace，為了以防萬一，我們使用兩種跳轉方法，html跳轉和js跳轉。

這樣我們就能直接打包了。因為這個頁面是外網，進入打包好的app后就像瀏覽器跳轉一樣跳轉到目標頁面，和直接使用體感上是一樣的。

打包后我又發現了一個問題，因為之前是純vue移動端頁面，沒有app，所以沒有考慮適配問題，預審，當沒有了瀏覽器頭部的功能欄，導致返回按鈕被狀態欄遮蓋住，沒法點到。

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

這時候我想到一個html中有一個meta，只能讓頁面在安全環境中顯示。

<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 確寬度與設備寬保頁面度一致

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

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

了解更多hbuilder知識點擊這里。