判断当前用户所使用的浏览器 navigator.userAgent.toLowerCase()

最新推荐文章于 2024-07-29 08:30:00 发布

织_网

最新推荐文章于 2024-07-29 08:30:00 发布

阅读量1.4k

点赞数

文章标签： js

本文链接：https://blog.csdn.net/qq_43869822/article/details/122115751

版权

`navigator.userAgent.toLowerCase()`

navigator是HTML的内置对象；
userAgent是navigator的属性方法，可以返回客户机发送服务器的头部信息。作用是返回当前用户所使用的什么浏览器；
toLowerCase()转换为小写。

区分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  
  
}

区分内置的浏览器，比如新浪微博、腾讯QQ（非QQ浏览器）和微信。

 var ua = navigator.userAgent.toLowerCase();   //获取判断用的对象
 if (ua.match(/mobile/) == "mobile") {         //判断是否在移动设备打开
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
        //在微信中打开
    }
    if (ua.match(/WeiBo/i) == "weibo") {
       //在新浪微博客户端打开
    }
    if (ua.match(/QQ/i) == "qq") {
       //在QQ空间打开
    }
    if (browser.versions.ios) {
       //是否在IOS浏览器打开
    }
    if(browser.versions.android){
       //是否在安卓浏览器打开
    }

（微信在6.0.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); 
}

区分PC端各个浏览器：

    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");  
    }