当前位置:   article > 正文

使用navigator.userAgent.toLowerCase()判断浏览器的类型

navigator.useragent.tolowercase()

在跨平台、浏览器、移动设备兼容的时候,要根据设备、浏览器做特定调整,所以我们经常会用到navigator.userAgent.toLowerCase()来进行判断。

先来解释一下意思,navigator是HTML中的内置对象,包含浏览器的信息;userAgent是navigator的属性方法,可以返回由客户机发送服务器的头部的值,作用其实就是就是返回当前用户所使用的是什么浏览器,toLowerCase()是将转换为小写。

区分Android、iphone、ipad:

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

有些软件是内置的浏览器,比如新浪微博、腾讯QQ(非QQ浏览器)和微信

(微信在6.0.2版本的时候做了改动,微信的分享功能在新版本跟以前不一样了)为了兼容版本,要做以下操作:

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

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

区分各个浏览器:

  1. var ua=navigator.userAgent.toLowerCase();
  2. if(/msie/i.test(ua) && !/opera/.test(ua)){
  3. alert("IE");
  4. return ;
  5. }else if(/firefox/i.test(ua)){
  6. alert("Firefox");
  7. return ;
  8. }else if(/chrome/i.test(ua) && /webkit/i.test(ua) && /mozilla/i.test(ua)){
  9. alert("Chrome");
  10. return ;
  11. }else if(/opera/i.test(ua)){
  12. alert("Opera");
  13. return ;
  14. }else if(/iPad/i){
  15. alert("ipad");
  16. return ;
  17. }
  18. else if(/webkit/i.test(ua) &&!(/chrome/i.test(ua) && /webkit/i.test(ua) && /mozilla/i.test(ua))){
  19. alert("Safari");
  20. return ;
  21. }else{
  22. alert("unKnow");
  23. }




*********************************补充分割线*************************************************

chrome中: navigator.userAgent 的值

其实navigator.userAgent 也有bug,

在IOS中,时间的显示格式一般是 '2016/11/11 11:11:11' ,所以对于安卓的'2016-11-11 11:11:11',是不适用于IOS的。

因此,我们用下面的代码去判断安卓系统,

var isAdr = new Date('2016-11-11 11:11:11').getTime() > 0;

!isAdr 就是IOS~~~

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/101882
推荐阅读