前端常用判断当前使用的浏览器

Lucky Children

于 2023-06-14 13:50:19 发布

阅读量907

点赞数 4

文章标签：前端 javascript 开发语言 vue.js

本文链接：https://blog.csdn.net/weixin_45889502/article/details/131206308

版权

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())