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端给的）

完美解决。

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