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>

 最后用二维码生成器,把此页面生成二维码即可
时间: 2024-08-19 18:27:53

JavaScript判断访问终端的相关文章

javascript判断访问终端,手机端自动跳转

在网页的顶部加入javascript判断代码: function checkserAgent(){ var userAgentInfo=navigator.userAgent; var userAgentKeywords=newArray("Android", "iPhone" ,"SymbianOS", "Windows Phone", "iPad", "iPod", "MQ

PHP和js判断访问终端是否是微信浏览器

js判断是否是微信浏览器 function is_weixin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { $("#rs").text("微信浏览器"); } else { $("#rs").text("不是微信浏览器"); } } PHP判断是否是微信

JavaScript判断移动终端是ios还是Android

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, //苹果.谷歌

用Javascript判断访问来源操作系统, 设备, 浏览器类型

var browser = { os : function () { var u = navigator.userAgent; return {// 操作系统 linux: !!u.match(/\(X11;( U;)? Linux/i), // Linux windows: !!u.match(/Windows/i), // Windows android: !!u.match(/Android/i), // Android iOS: !!u.match(/\(i[^;]+;( U;)? CP

使用js判断访问终端信息

我们做项目时需要判断访问终端的信息,做区别处理,下面的方法即可实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> <script> window.b

PHP和JAVASCRIPT判断访客终端是电脑还是手机

当用户使用手机等移动终端访问网站时,我们可以通过程序检测用户终端类型,如果是手机用户,则引导用户访问适配手机屏幕的移动站点.本文将介绍分别使用PHP和JAVASCRIPT代码判断用户终端类型. PHP版 我们使用PHP的$_SERVER['HTTP_USER_AGENT']来获取手机用户浏览器的用户代理,然后匹配已有的各种手机浏览器代理库,如果含有匹配的关键字,则判断为手机(移动终端)用户.  function is_mobile() {     $user_agent = $_SERVER['

asp.net或javascript判断是否手机访问

 Welcome to CSU Online Judge! 1112: 机器人的指令 Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 274  Solved: 97 [Submit][Status][Web Board] Description 数轴原点有一个机器人.该机器人将执行一系列指令,你的任务是预测所有指令执行完毕之后它的位置. ·LEFT:往左移动一个单位 ·RIGHT: 往右移动一个单位 ·SAME AS i: 和第i 条执行相同的

JavaScript判断浏览器类型及版本

说明:以下内容参考了一些网上资料以及同事间的一些讨论. 浏览器对于我们来说,可能是最熟悉的工具了.记得最早那会Netscape,到后来的Internet Explorer一统江湖,再到现在的FireFox大行其道,浏览器市场的争夺,可谓是硝烟弥漫.除了我们常见的IE, Firefox, Opera, Safari四大金刚以外,新近又出了一位Chrome,虽然新出,但是出于Google这个名门,Chrome所受到的关注绝不亚于先前的四大金刚,看来以后要改为5朵金花了,呵呵.除了这些熟知的浏览器以外

JS根据访问终端类型动态显示网页内容

//JS根据访问终端对应显示[iPhone|iPad|iPod|iOS].[Android].[PC]三种不同的内容 //主要原理为:JS根据id值修改对应HTML标签属性 <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta name="OS" content="widt