H5嵌入APP适配安卓机无效

Question

H5嵌入APP适配安卓机无效

 created() {
    document.documentElement.style.setProperty(
      '--android-status-bar-height',
      `44px`,
    );
  },

vue2中我在created的时候设置了--android-status-bar-height变量在用var(--android-status-bar-height)获取，但是在app中看不起作用

Answer 1

【相关推荐】

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/364503
• 这篇博客你也可以参考下：h5页面唤醒APP指定页面并传参
• 您还可以看一下 CSDN讲师老师的【魅族大赛技术公开课】移动应用开发技术精选课程中的 H5混合app开发之路小节, 巩固相关知识点
  
• 除此之外, 这篇博客: 可能是最全的h5唤起App方案中的 微信的开放标签 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  如果微信打开的 h5 想要跳转 app 时

  • h5 端需要用微信的开放标签
  wx-open-launch-app
• App 必须接入微信 OpenSDK。

这里解读以下接入的规则：

• 多个公众号可以绑定同一个应用。
• 公众号可以有多个域名白名单。
• 公众号对应绑定的应用只能有一个域名。

比如你有一个域名e.test.com，一个公众号，一个开放平台的应用，那么你需要：
1、公众号后台绑定域名白名单 e.test.com
2、开放平台找到公众号的关联设置，选择该公众号，并绑定域名 e.test.com。
所以这三个是一一对应的，如果你有另一个域名想要接入唤起同一个应用，那么你需要找一个新的公众号和新的域名，按上面的步骤绑定。

这里注意一点：其实在 ios 中，只要你接入了 Universal Link，那么在微信环境下你是可以直接唤起 app 的而不需要接入微信sdk触发这个弹框，但是如果你想和 android 保持一致的用户体验和代码逻辑，那么就干脆都接入吧。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^