前端使用js判断浏览器类型

前端使用js判断浏览器类型

通过浏览器的userAgent来判断类型

function judgeBrowser() {
      var userAgent = navigator.userAgent; // 取得浏览器的userAgent
      var isOpera = userAgent.indexOf("Opera") > -1; // 判断是否Opera浏览器
      var isIE = (userAgent.indexOf("compatible") > -1
        && userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("rv:11.0") > -1) && !isOpera; // 判断是否IE浏览器
      var isEdge = userAgent.indexOf("Edge") > -1; // 判断是否Edge浏览器
      var isFF = userAgent.indexOf("Firefox") > -1; // 判断是否Firefox浏览器
      var isSafari = userAgent.indexOf("Safari") > -1
        && userAgent.indexOf("Chrome") == -1; // 判断是否Safari浏览器
      var isChrome = userAgent.indexOf("Chrome") > -1
        && userAgent.indexOf("Safari") > -1; // 判断Chrome浏览器

      if (isIE) {
        // IE11需要做特殊判断
        var reg = new RegExp("rv:(\\d+\\.\\d+)");
        reg.test(userAgent);
        console.log(RegExp)
        var version = parseFloat(RegExp["$1"])
        if (version === 11) {
          return 'IE11'
        }
        reg = new RegExp("MSIE (\\d+\\.\\d+);");
        reg.test(userAgent);
        version = parseFloat(RegExp["$1"]);
        if (version == 7) {
          return "IE7";
        } else if (version == 8) {
          return "IE8";
        } else if (version == 9) {
          return "IE9";
        } else if (version == 10) {
          return "IE10";
        } else if (version == 11) {
          return "IE11";
        } else {
          return "<IE7";
        }
        return "IE";
      }
      if (isOpera) {
        return "Opera";
      }
      if (isEdge) {
        return "Edge";
      }
      if (isFF) {
        return "Firefox";
      }
      if (isSafari) {
        return "Safari";
      }
      if (isChrome) {
        return "Chrome";
      }
    }

以下为部分浏览器的userAgent：

Chrome
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36
Firefox
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:76.0) Gecko/20100101 Firefox/76.0
IE11
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko
IE10
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)
IE9
Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)
IE8
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)
IE7
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0)
IE6
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
Edge
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/18.17763