HBuilder怎么打包内网网页移动端应用

在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知识点击这里。