微信小程序：利用web-view方式嵌入h5页面，产生的微信双导航兼容及分享问题

公司要求微信小程序快速开发，时间就给了3天， 实在是来不及了。所以用了微信小程序的壳子嵌入H5的方式开发。利用了最新的方式web-view的方式将内容src嵌入。目前遇到双头的问题，我想把微信小程序头部隐藏，然后在app.json的window定义"navigationStyle": "custom"，将头部隐藏了。但是遇到的问题是头部与微信的胶囊不匹配。

遇到问题：微信导航自定义问题：自定义导航在苹果X上部兼容，它的顶部有个黑色条幅和底部黑色线把我的导航和底部都挡住了。

解决方案：在h5的页面中读取是否是小程序的环境，判断机型尺寸及系统，来定义微信小程序胶囊在h5头部的位置。代码定义在APP.VUE中，这样页面加载之后就可以判断这些了！

addHeaderTop() {
  let u = navigator.userAgent;
  let isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; // android终端
  // 判断是否是小程序的环境内
  if (window.__wxjs_environment === 'miniprogram') {
    if (isAndroid) {
      // 微信小程序不支持宽度小于320及宽度大于700的机器调整兼容胶囊状
      if (screen.height === 640 && screen.width === 360) {