码迷,mamicode.com
首页 > Web开发 > 详细

JS 判断各种设备,各种浏览器

时间:2018-06-30 16:16:07      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:ring   index   use   alert   代码   agent   cas   判断   div   

话不多说,直接看代码

 

1、区分Android、iphone、ipad:

var ua = navigator.userAgent.toLowerCase();
if (/android|adr/gi.test(ua)) {
    // 安卓
     
}else if(/\(i[^;]+;( U;)? CPU.+Mac OS X/gi.test(ua)){
    //苹果
     
}else if(/iPad/gi.test(ua)){
    //ipad
 
}

2、区分设备:  新浪微博为1,QQ客户端为2,微信低于6.0.2版本为3,高于6.0.2版本为4,其他为0。

var ua = navigator.userAgent.toLowerCase();  
if(ua.match(/weibo/i) == "weibo"){  
    console.log(1);
}else if(ua.indexOf(‘qq/‘)!= -1){  
    console.log(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‘){  
    console.log(3);
}else{  
    console.log(4);  
}  
}else{  
    console.log(0); 
} 

3、区分各个浏览器

 var ua=navigator.userAgent.toLowerCase();  
    if(/msie/i.test(ua) && !/opera/.test(ua)){  
        alert("IE");  
        return ;  
    }else if(/firefox/i.test(ua)){  
        alert("Firefox");  
        return ;  
    }else if(/chrome/i.test(ua) && /webkit/i.test(ua) && /mozilla/i.test(ua)){  
        alert("Chrome");  
        return ;  
    }else if(/opera/i.test(ua)){  
        alert("Opera");  
        return ;  
    }else if(/iPad/i){ 
        alert("ipad"); 
        return ; 
    }
else if(/webkit/i.test(ua) &&!(/chrome/i.test(ua) && /webkit/i.test(ua) && /mozilla/i.test(ua))){  
        alert("Safari");  
        return ;  
    }else{  
        alert("unKnow");  
    }

JS 判断各种设备,各种浏览器

标签:ring   index   use   alert   代码   agent   cas   判断   div   

原文地址:https://www.cnblogs.com/chenhaoyu/p/9247217.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!