使用navigator.userAgent.toLowerCase()判断移动端类型 / JavaScript

10月前 阅读 / 613 来源 / 网络 文 / zhaocom

运用navigator.userAgent.toLowerCase()判别挪动端类型 判别设备,辨别Android,iphone,ipad和其它

运用navigator.userAgent.toLowerCase()判别挪动端类型

判别设备,辨别Android,iphone,ipad和其它

1
2
3
4
5
6
7
8
9
10
11
12
13
var ua   = navigator.userAgent.toLowerCase();  
if(ua.match(/android/i)) == "android") 
    alert("android"); 
if(ua.match(/iPhone/i)) == "iPhone") 
    alert("iPhone"); 
if(ua.match(/iPad/i)) == "iPad") 
    alert("iPad"); 

判别是不是特定类型的阅读器,比方新浪weibo客户端内置阅读器,qq客户端内置阅读器(而非qq阅读器),微信内置阅读器

(并且辨别版本能否大于等于6.0.2)(特定类型阅读器可能会存在,无法下载,无法跳转和本人的客户端app的特定协议等等,所以需求辨别)

(由于微信在6.0.2的时分做了新的战略,使得微信的分享功用在新版本变得不一样,为了兼容新旧版本,这里做了辨别操作)

新浪weibo客户端返回1,qq客户端返回2,微信小于6.0.2版本返回3,微信大于等于6.0.2版本返回4,其它返回0

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var ua = navigator.userAgent.toLowerCase(); 
    if(ua.match(/weibo/i) == "weibo"){ 
        return 1; 
    }else if(ua.indexOf('qq/')!= -1){ 
        return 2; 
    }else if(ua.match(/MicroMessenger/i)=="micromessenger"){ 
        var v_weixin = ua.split('micromessenger')[1]; 
        v_weixin = v_weixin.substring(1,6); 
        v_weixin = v_weixin.split(' ')[0]; 
        if(v_weixin.split('.').length == 2){ 
            v_weixin = v_weixin + '.0'; 
        
        if(v_weixin < '6.0.2'){ 
            return 3; 
        }else{ 
            return 4; 
        
    }else{ 
        return 0; 
    

  判别QQ内置阅读器,QQ阅读器APP,微信阅读器(只含有MQQbrowser的是QQ阅读器,含有mobile Mqqbrowser的是QQ内置阅读器。)

         if(ua.indexOf(' qq')>-1 && ua.indexOf('mqqbrowser') <0){
              //qq内置阅读器
              isQQInstalled = true;
              return;
          }
          if(ua.indexOf('mqqbrowser')> -1 && ua.indexOf(" qq")<0){
              //qq阅读器
              isQQ = true;
              return;
          }
          if (ua.match(/MicroMessenger/i) == 'micromessenger') {
             //微信阅读器
             isWx = true;
             return;
          }


0

评论列表
共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~