原生JS 获取浏览器类型-2022新版

最新推荐文章于 2024-03-29 11:18:08 发布

CJ点

最新推荐文章于 2024-03-29 11:18:08 发布

阅读量346

点赞数 1

分类专栏： js 前端文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_37203082/article/details/122343777

版权

前端同时被 2 个专栏收录

12 篇文章 1 订阅

订阅专栏

6 篇文章 0 订阅

订阅专栏

浏览器类型的获取逻辑需要不断更新，因为各家浏览器会更新他们的底层，导致之前的逻辑失败

后续出现不兼容问题的话，再进行更新

当前版本：20220106

  function checkBrowser() {
    const ua = window.navigator.userAgent.toLocaleLowerCase();
    var browserType = null;
    if (ua.match(/msie/) != null || ua.match(/trident/) != null) {
      browserType = "IE";
    } else if (ua.match(/firefox/) != null) {
      browserType = "火狐";
    } else if (ua.match(/ubrowser/) != null) {
      browserType = "UC";
    } else if (ua.match(/opr/) != 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(/edg/) != null) {
      browserType = "Edge";
    } else if (ua.match(/chrome/) != null) {
      var is360 = _mime("type", "application/vnd.chromium.remoting-viewer");

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