下载页面判断客户端

Posted 咖啡爱上茶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了下载页面判断客户端相关的知识,希望对你有一定的参考价值。

<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8" />
</head>
<div id="tips">
<img src="tips.jpg" />
</div>
<style type="text/css">
#tips {
display: none;
}

#tips>img {
max-width: 100%;
}
</style>

<body>
<script type="text/javascript">
function qcode() {
var browser = {
versions: function() {
var u = navigator.userAgent,
app = navigator.appVersion;
return { //移动终端浏览器版本信息
trident: u.indexOf(‘Trident‘) > -1, //IE内核
presto: u.indexOf(‘Presto‘) > -1, //opera内核
webKit: u.indexOf(‘AppleWebKit‘) > -1, //苹果、谷歌内核
gecko: u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android终端或者uc浏览器
iPhone: u.indexOf(‘iPhone‘) > -1 || u.indexOf(‘Mac‘) > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf(‘iPad‘) > -1, //是否iPad
webApp: u.indexOf(‘Safari‘) == -1, //是否web应该程序,没有头部与底部
wechat: !!u.match(/MicroMessenger/i)
};
}(),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
};
if(browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
if(browser.versions.wechat) {
var doc = document.getElementById(‘tips‘)
doc.style.display = "block";
} else {
window.location = "https://www.pgyer.com/RXgG";
}
} else if(browser.versions.android) {
window.location = "https://beta.bugly.qq.com/zsnd";
}
}
qcode();
</script>
</body>

</html>

以上是关于下载页面判断客户端的主要内容,如果未能解决你的问题,请参考以下文章

JS点击页面判断是否安装app并打开,否则跳转下载的方法

判断浏览器

通过调用 .ashx 页面下载文件

如何判断手机上网页已经到底部

点击页面判断是否安装app并打开,否则跳转app store的方法

下载缓存