我是靠谱客的博主 文静咖啡豆,这篇文章主要介绍js调用APP后,如果有App直接进App,没有则进入App下载页面,现在分享给大家,希望可以做个参考。

在网上找了一圈,都没有合格的。

看下边这段

setTimeout(function() {
  alert('你还没安装,去下载去');
  // 去某个下载页面
  // const u = navigator.userAgent;
  let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
  let isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
  if (isiOS) {
    // 去下载ios
  }
  if (isAndroid){
    // 去下载安卓
  }
}, 4000);
window.location.href = data; // 这个是APP的协议(App端给的)

这段代码段很好理解,就是给一个延时去执行你要去下载。理想中是跳出去了。但是用户可能取消,不出去,这个时候就还是会去执行下载的代码。这个就不合理。

于是找到了这个   

document.hidden // Boolean值,表示当前页面可见还是不可见
document.visibilityState // 返回当前页面的可见状态。分为"hidden"跟"visible"
document.addEventListener("visibilitychange",function(){} //监听页面是在前台还是在后台

 

我们改一下最初的代码即可

setTimeout(function() {
  if (!document.hidden) {
    // 在4秒内如果页面出去了。说明这个时候document.hidden是true,这段代码就不执行了。
    // 就算是再切回来也是不执行的。
    // 如果你进了这个函数,没离开。。那就会在4秒后跳进这里
    alert('你还没安装,去下载去');
    // 去某个下载页面
    // const u = navigator.userAgent;
    let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
    let isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    if (isiOS) {
      // 去下载ios
    }
    if (isAndroid){
      // 去下载安卓
    }
  }
}, 4000);
window.location.href = data; // 这个是APP的协议(App端给的)

完美解决。

还是有问题,当跳出去后马上回来还是会进下载页,但是过段时间就不会再跳到下载页。算是小瑕疵不影响。

最后

以上就是文静咖啡豆最近收集整理的关于js调用APP后,如果有App直接进App,没有则进入App下载页面的全部内容,更多相关js调用APP后内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(58)

评论列表共有 0 条评论

立即
投稿
返回
顶部