JavaScript判断访问终端

最近制作了一个二维码,在android平台会进去android下载渠道,如果是ios系统,则进去appStore下载,代码如下

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body style="font-size:40px;">
<div id="tips" style="padding: 50px 0;width:100%;margin:0 auto;display: none;">
<h1 style="text-align: center;font-size:50px;">请点击右上角</h1>
<h2 style="text-align: center;font-size:50px;">选择浏览器打开</h2>
</div>

</body>
<script type="text/javascript">
//判断访问终端
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.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部
weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)
qq: u.match(/\sQQ/i) == " qq" //是否QQ
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
};

if(!browser.versions.mobile){

//如果不是手机扫二维码
alert("请用手机扫描二维码");
}else if(browser.versions.android){

//如果是android则直接跳转至下载链接
location.href='http://url.cn/42G7PNz';
}
else if(browser.versions.weixin && (browser.versions.ios || browser.versions.iPad)){

//如果是ios系统,并且在微信中打开,则显示提醒(微信不支持直接跳转appStore)
document.getElementById("tips").style.display = "block";
}else if(browser.versions.ios || browser.versions.iPad){

//如果是ios系统且不是微信中打开的,则直接跳转appStore
location.href='https://itunes.apple.com/cn/app/sui-shi-bao/id1097442883?mt=8';
}
</script>

</html>

 最后用二维码生成器,把此页面生成二维码即可

转载于:https://www.cnblogs.com/lnimpossible/p/6144239.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值