借鉴  HTML中判断手机是否安装某APP,跳转或下载该应用

function lookApp () {
  var ua = navigator.userAgent
  var isAndroid = /(Android);?[\s/]+([\d.]+)?/.test(ua)
  var isIpad = /(iPad).*OS\s([\d_]+)/.test(ua)
  var isIpod = /(iPod)(.*OS\s([\d_]+))?/.test(ua)
  var isIphone = !isIpad && /(iPhone\sOS)\s([\d_]+)/.test(ua)
  var isWechat = /micromessenger/i.test(ua)
  var isAlipay = /alipayclient/i.test(ua)
  if (isIphone) {
    // IPhone  
  // 默认跳转App协议 abc:// 后面的是跟App约定好携带的参数,这个根据实际情况添加或者删除 window.location.href = "abc://abc.com?id=" + id setTimeout(function(){
    // 未安装App即跳转IPhone商店 window.location
= 'https://itunes.apple.com/cn/app/aaaaaaaa' //如果超时就跳转到app下载页 },500); } else if (isAndroid) { // Android
// 默认跳转App协议
window.location.href = "abc://abc.com?>500)
  }
}

首先利用navigator.userAgent 判断出手机设备类型

根据上面分别和IOS、Android约定好的   apps custom url schemes (abc://)  尝试打开App(微信浏览器里面无法直接打开App,在手机浏览器可以正常使用

并延长0.5秒自动跳转到对应的商店下载链接

 

相关文章:

  • 2021-07-07
  • 2021-12-24
  • 2021-08-07
  • 2021-07-27
  • 2022-12-23
  • 2021-11-15
  • 2021-04-10
  • 2021-07-16
猜你喜欢
  • 2022-01-01
  • 2022-12-23
  • 2021-12-12
  • 2022-12-23
  • 2022-12-23
  • 2021-05-18
相关资源
相似解决方案