在网上找了一圈,都没有合格的。
看下边这段
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后内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复