js判断是否为手机端访问

2019-07-12 13:00:06 阅读：220 来源： 互联网

标签：sUserAgent js 访问 flag userAgent var 手机 navigator txt

随着移动端越来越重要，pc和移动端网站后台系统可能是同一个，登录或者某个特定时期需要根据不同访问来源，跳转不同页面或者做不同的处理；

这时我们就需要js的 navigator 对象；

我们先了解一下navigator 对象相关的属性：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS的navigator对象</title>
</head>
<body>  
<div id="txt"></div>
<script>
txt = "<p>浏览器代号: " + navigator.appCodeName + "</p>";
txt+= "<p>浏览器名称: " + navigator.appName + "</p>";
txt+= "<p>浏览器版本: " + navigator.appVersion + "</p>";
txt+= "<p>启用Cookies: " + navigator.cookieEnabled + "</p>";
txt+= "<p>硬件平台: " + navigator.platform + "</p>";
txt+= "<p>用户代理: " + navigator.userAgent + "</p>";
txt+= "<p>用户代理语言: " + navigator.systemLanguage + "</p>";
document.getElementById("txt").innerHTML=txt;
</script>
</body>
</html>

我们可以用其中的用户代理进行判断：userAgent

示例一：

<script type="text/javascript">

var ua = navigator.userAgent;

var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),

isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),

isAndroid = ua.match(/(Android)\s+([\d.]+)/),

isMobile = isIphone || isAndroid;

//判断

if(isMobile){

}else{

}

</script>

示例二：

function check() { 
  var userAgentInfo=navigator.userAgent; 
  var Agents =new Array("Android","iPhone","SymbianOS","Windows Phone","iPad","iPod"); 
  var flag=true; 
  for(var v=0;v<Agents.length;v++) { 
     if(userAgentInfo.indexOf(Agents[v])>0) { 
       flag=false; 
       break; 
     } 
   } 
   return flag; 
  }

示例三：

function() {
    var sUserAgent = navigator.userAgent;
    if (sUserAgent.indexOf('Android') > -1 || sUserAgent.indexOf('iPhone') > -1 || sUserAgent.indexOf('iPad') > -1 || sUserAgent.indexOf('iPod') > -1 || sUserAgent.indexOf('Symbian') > -1) {
        location.href = '要跳转的手机网址';
    } else {}
}

示例四：

function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}
 
var flag = IsPC(); //true为PC端，false为手机端

标签：sUserAgent,js,访问,flag,userAgent,var,手机,navigator,txt
来源： https://www.cnblogs.com/zktww/p/11175436.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

js判断是否为手机端访问