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

JavaScript判断访问终端相关推荐

PHP和js判断访问终端是否是微信浏览器手机还是电脑
2019独角兽企业重金招聘Python工程师标准>>> js判断是否是微信浏览器 function is_weixin() { var ua = window.navigator.u ...
javascript判断浏览器和终端类型，js如何区分手机、电脑终端和浏览器
判断浏览器类型复制代码代码如下: if ( window.sidebar && "object" == typeof( window.sidebar ) & ...
JavaScript - 判断浏览器内的页面是在手机端还是电脑（PC）上打开的（判断用户访问设备是什么）
前言很多项目都是电脑 PC 端与移动端两套,通过判断客户端设备是手机还是电脑,从而重定向到对应页面. 如果您是 Vue.js 项目,请访问:Vue - 判断访问网页客户端设备是手机移动端还是 PC ...
html判断是否在微信里打开,JavaScript判断浏览器内核，微信打开自动提示在浏览器打开...
微信会屏蔽 URL 自定义的 scheme ,导致无法跳转手机中的浏览器.网上有一些工具类网站可以实现直接跳转浏览器,之后有机会我会整理一下.我们今天只讨论通过 JavaScript 判断是否在微信浏 ...
php节点对象,JavaScript_JavaScript中访问节点对象的方法有哪些如何使用，JavaScript中访问节点对象的方法 - phpStudy...
JavaScript中访问节点对象的方法有哪些如何使用 JavaScript中访问节点对象的方法有哪些? var obj = document.getElementById('fdafda'); va ...
js如何判断访问来源是来自搜索引擎(蜘蛛人)还是直接访问
以下javascript脚本代码可以实现判断访问是否来自搜索引擎. 代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <scr ...
Javascript判断是否是ipad的浏览器
ipad用的是Safari Mobile浏览器,访问的UA为: Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/5 ...
php 判断是否是机器人,PHP_php实现判断访问来路是否为搜索引擎机器人的方法，本文实例讲述了php实现判断访 - phpStudy...
php实现判断访问来路是否为搜索引擎机器人的方法本文实例讲述了php实现判断访问来路是否为搜索引擎机器人的方法.分享给大家供大家参考.具体分析如下: 很多时候我们需要对网站访客来路进行识别,针对真实 ...
访问终端工具类TerminalUtils
package com.nuiiqk.util;import java.io.IOException; import java.util.regex.Matcher; import java.util ...

JavaScript判断访问终端

JavaScript判断访问终端相关推荐

最新文章

热门文章