通過JS判斷瀏覽器類型

// 火狐瀏覽器：
  // Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:75.0) Gecko/20100101 Firefox/75.0

  // 谷歌瀏覽器
  // Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36

  // 360極速瀏覽器：
  // Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

  // 360安全瀏覽器：
  // Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36

  // Edge瀏覽器：
  // Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.18363

  // Opera瀏覽器：
  // Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36 OPR/68.0.3618.63

  // QQ瀏覽器：
  // Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.25 Safari/537.36 Core/1.70.3756.400 QQBrowser/10.5.4039.400

  // safari瀏覽器
  // Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2

  // UC瀏覽器：
  // Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 UBrowser/6.2.4098.3 Safari/537.36

  // IE11：
  // Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; rv:11.0) like Gecko

  // IE10：
  // Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)

  // IE9：
  // Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)

  // IE8：
  // Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)

  // IE7及其以下：
  // Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)

  function myBrowser() {
    var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字符串
    console.log(userAgent)
    var isOpera = userAgent.indexOf("Opera") > -1 
               || userAgent.indexOf("OPR") > -1; //判斷是否Opera瀏覽器

    var isQQ = userAgent.indexOf("QQBrowser") > -1; //判斷是否QQBrowser瀏覽器

    var isUC = userAgent.indexOf("UBrowser") > -1; //判斷是否UC瀏覽器

    var isIE = userAgent.indexOf("compatible") > -1
            && userAgent.indexOf("MSIE") > -1; //判斷是否IE7~IE10瀏覽器

    var isIE11 = userAgent.indexOf("compatible") === -1
              && userAgent.indexOf("Trident") > -1; //判斷是否IE11瀏覽器

    var isEdge = userAgent.indexOf("Edge") > -1; //判斷是否IE的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("; Win") > -1
                && userAgent.indexOf("Safari") > -1; //判斷Chrome瀏覽器

    var is360 = userAgent.indexOf("Chrome") > -1 
             && userAgent.indexOf("; WOW") > -1
             && userAgent.indexOf("Safari") > -1; //判斷360瀏覽器


    if (isIE) {
      var reIE = /MSIE (\d+)\.\d+;/;
      // match() 返回一個數組。數組第一項是匹配到的所有文本；數組第二項是正則中小括號匹配到的文本
      var matchReg = userAgent.match(reIE)
      var fIEVersion = matchReg[1];
      if (fIEVersion == 7) {
        return "IE7及其以下";
      } else if (fIEVersion == 8) {
        return "IE8";
      } else if (fIEVersion == 9) {
        return "IE9";
      } else if (fIEVersion == 10) {
        return "IE10";
      } else {
        return "0";
      }//IE版本過低
      return "IE";
    }
    if (isUC) {
      return "UC";
    }
    if (isQQ) {
      return "QQBrowser";
    }
    if (isIE11) {
      return "IE11";
    }
    if (isOpera) {
      return "Opera";
    }
    if (isEdge) {
      return "Edge";
    }
    if (isFF) {
      return "Firefox";
    }
    if (isSafari) {
      return "Safari";
    }
    if (isChrome) {
      return "Chrome";
    }
    if (is360) {
      return "360";
    }    
  }
  alert(myBrowser())