js对浏览器类型和内核的判断

判断浏览器内核

  function checkCore() {
    const Sys = {};
    const ua = navigator.userAgent.toLowerCase();
    let s;
    (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1]:
      (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
      (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
      (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
      (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
    return `${Object.keys(Sys)}:${Object.values(Sys)}`
  }
  

判断浏览器类型

  function checkBrowser() {
    const ua = navigator.userAgent.toLocaleLowerCase();
    var browserType = null;
    if (ua.match(/msie/) != null || ua.match(/trident/) != null) {
      browserType = "IE";
      browserVersion = ua.match(/msie ([\d.]+)/) != null ? ua.match(/msie ([\d.]+)/)[1] : ua.match(/rv:([\d.]+)/)[1];
    } else if (ua.match(/firefox/) != null) {
      browserType = "火狐";
    } else if (ua.match(/ubrowser/) != null) {
      browserType = "UC";
    } else if (ua.match(/opera/) != null) {
      browserType = "欧朋";
    } else if (ua.match(/bidubrowser/) != null) {
      browserType = "百度";
    } else if (ua.match(/metasr/) != null) {
      browserType = "搜狗";
    } else if (ua.match(/tencenttraveler/) != null || ua.match(/qqbrowse/) != null) {
      browserType = "QQ";
    } else if (ua.match(/maxthon/) != null) {
      browserType = "遨游";
    } else if (ua.match(/chrome/) != null) {
      var is360 = _mime("type", "application/vnd.chromium.remoting-viewer");

      function _mime(option, value) {
        var mimeTypes = navigator.mimeTypes;
        for (var mt in mimeTypes) {
          if (mimeTypes[mt][option] == value) {
            return true;
          }
        }
        return false;
      }
      if (is360) {
        browserType = '360';
      } else {
        browserType = "谷歌";
      }
    } else if (ua.match(/safari/) != null) {
      browserType = "Safari";
    }
    return browserType;
  }
  

运行

  const broType = checkBrowser();
  const coreType = checkCore()
  console.log(`${broType}浏览器----${coreType}`);