JS 通过 navigator获取判断浏览器信息

获取浏览器信息需要使用navigator.userAgent 对象 根据获取到的内容判断浏览器信息

亲身测试 

navigator.userAgent

IE 11  Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E;                 InfoPath.2; rv:11.0) like Gecko

         IE11浏览器 已经不能用msic 来判断是否是IE11了  所以需要换另外一种方式　   

        

  if (!!window.ActiveXObject || "ActiveXObject" in window)
                alert("IE")

            else
                alert("not  IE")

        }

 Chrome   Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2950.5 Safari/537.36 

               Chrome浏览器中不知道 为什么会包含 Chrome和Safari 信息  ，我本人电脑上装了这两种浏览器

Safari     Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2

FireFox   Mozilla/5.0 (Windows NT 6.1; WOW64; rv:51.0) Gecko/20100101 Firefox/51.0

Opera    Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36 OPR/43.0.2442.1144 

              但是有些博客上面说明是需要判断 “Opera”  ，而且不知道为什么会包含Chrome和Safari的信息在里面

QQ浏览器  Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.104 Safari/537.36 Core/1.53.2372.400                        QQBrowser/9.5.10551.400 

              QQ浏览器也包含Chrome和Safrari的信息在理里面。。

              其他的浏览器我也没有深入的尝试过。

 顺序最好不要改

function myBrowser(){
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
   
    if (userAgent.indexOf("OPR") > -1||userAgent.indexOf("Opera") > -1) {
        return "Opera"
    }//判断是否Opera浏览器
    else if (userAgent.indexOf("Firefox") > -1) {
        return "FF";
    } //判断是否Firefox浏览器
   else   if (userAgent.indexOf("Chrome") > -1){
  return "Chrome";
 }
  else   if (userAgent.indexOf("Safari") > -1) {
        return "Safari";
    } //判断是否Safari浏览器
 else{
      //其他
  }
}

 Navigator 对象包含有关浏览器的信息。js就是通过Navigator的属性获取客户端浏览器信息
Navigator 对象属性：

属性
描述

appCodeName 返回浏览器的代码名。 
appMinorVersion 返回浏览器的次级版本。 
appName 返回浏览器的名称。 
appVersion 返回浏览器的平台和版本信息。 
browserLanguage 返回当前浏览器的语言。 
cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。 
cpuClass 返回浏览器系统的 CPU 等级。 
onLine 返回指明系统是否处于脱机模式的布尔值。 
platform 返回运行浏览器的操作系统平台。 
systemLanguage 返回 OS 使用的默认语言。 
userAgent 返回由客户机发送服务器的 user-agent 头部的值。 
userLanguage 返回 OS 的自然语言设置。

好像除了IE浏览器 其他浏览器有很多属性 都是undefined

这个是IE 11 的 

这个是Chrome的

而且除了IE 11之前的版本 其他的浏览器的名称都是  Netscape