网页唤起APP

callApp() {
  const config = {
    /*scheme:必须、这里我用的微信的要换成自己公司的scheme*/
    scheme_IOS: "weixin://",
    scheme_Adr: "weixin://",
    download_IOSurl: "https://shouji.baidu.com/software/26174555.html",
    download_ANDurl: "https://apps.apple.com/cn/app/id414478124?ls=1",
  };
  const u = navigator.userAgent
  if (/MicroMessenger/gi.test(u)) {
    // 如果是微信客户端打开,引导用户在浏览器中打开
    alert('请在浏览器中打开')
  }
  if (u.indexOf('Android') - 1 || u.indexOf('Linux') - 1) {
    // Android
    if (this.openApp(config.scheme_Adr)) {
      this.openApp(config.scheme_Adr) // 通过Scheme协议打开指定APP
    } else {
      //跳转Android下载地址
      window.location = config.download_ANDurl;
    }
  } else if (u.indexOf('iPhone') - 1) {
    if (this.openApp(config.scheme_Adr)) {
      this.openApp(config.scheme_Adr) // 通过Scheme协议打开指定APP
    } else {
      // 跳转IOS下载地址
      window.location = config.download_IOSurl;
    }
  }
}
openApp(src) {
  // 通过iframe的方式试图打开APP,如果能正常打开,会直接切换到APP,并自动阻止a标签的默认行为
  // 否则打开a标签的href链接
  let ifr = document.createElement('iframe')
  ifr.src = src
  ifr.style.display = 'none'
  document.body.appendChild(ifr)
  window.setTimeout(function () {
    // 打开App后移出这个iframe
    document.body.removeChild(ifr)
  }, 2000)
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值