JS 获取当前浏览器类型（IE、Chrome、Edge、Firefox、Opera、UC、QQ）

• IE 11 版本区分方式与之前版本不同。

• 有时候需要单独针对 不同浏览器做不同的处理，就需要获取浏览器类型：

  // 获取浏览器类型
  function getBrowserType() {
  
    // 获取浏览器 userAgent
    var ua = navigator.userAgent
    
    // 是否为 Opera
    var isOpera = ua.indexOf('Opera') > -1
    // 返回结果
    if (isOpera) { return 'Opera' }
  
    // 是否为 IE
    var isIE = (ua.indexOf('compatible') > -1) && (ua.indexOf('MSIE') > -1) && !isOpera
    var isIE11 = (ua.indexOf('Trident') > -1) && (ua.indexOf("rv:11.0") > -1)
    // 返回结果
    if (isIE11) { return 'IE11'
    } else if (isIE) {
      // 检测是否匹配
      var re = new RegExp('MSIE (\\d+\\.\\d+);')
      re.test(ua)
      // 获取版本
      var ver = parseFloat(RegExp["$1"])
      // 返回结果
      if (ver == 7) { return 'IE7'
      } else if (ver == 8) { return 'IE8'
      } else if (ver == 9) { return 'IE9'
      } else if (ver == 10) { return 'IE10'
      } else { return "IE" }
    }
  
    // 是否为 Edge
    var isEdge = ua.indexOf("Edge") > -1
    // 返回结果
    if (isEdge) { return 'Edge' }
  
    // 是否为 Firefox
    var isFirefox = ua.indexOf("Firefox") > -1
    // 返回结果
    if (isFirefox) { return 'Firefox' }
  
    // 是否为 Safari
    var isSafari = (ua.indexOf("Safari") > -1) && (ua.indexOf("Chrome") == -1)
    // 返回结果
    if (isSafari) { return "Safari" }
  
    // 是否为 Chrome
    var isChrome = (ua.indexOf("Chrome") > -1) && (ua.indexOf("Safari") > -1) && (ua.indexOf("Edge") == -1)
    // 返回结果
    if (isChrome) { return 'Chrome' }
  
    // 是否为 UC
    var isUC= ua.indexOf("UBrowser") > -1
    // 返回结果
    if (isUC) { return 'UC' }
  
    // 是否为 QQ
    var isQQ= ua.indexOf("QQBrowser") > -1
    // 返回结果
    if (isUC) { return 'QQ' }
  
    // 都不是
    return ''
  }
  

• 使用

  var type = getBrowserType()
  console.log(type)