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