js判断浏览器类型

疆~

已于 2023-02-15 10:18:13 修改

阅读量1k

点赞数

分类专栏： Javascript/CSS/HTML 文章标签： javascript firefox safari

于 2022-12-08 10:39:36 首次发布

本文链接：https://blog.csdn.net/qq_40323256/article/details/128232687

版权

Javascript/CSS/HTML 专栏收录该内容

41 篇文章 4 订阅

订阅专栏

参考：javascript怎么判断是否ie浏览器-js教程-PHP中文网方法：首先用“navigator.userAgent”取得浏览器的userAgent字符串；然后用“userAgent.indexOf("compatible")>-1&&userAgent.indexOf("MSIE")>-1”判断即可。https://m.php.cn/article/476316.html 获取浏览器类型_qq_37656005的博客-CSDN博客_获取浏览器类型使用方法var type = getBrowser().indexOf('IE') != -1;console.log("是不是IE浏览器",type) //true，false // 获取浏览器类型function getBrowser() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏https://blog.csdn.net/qq_37656005/article/details/114371029
JS 获取当前浏览器类型（IE、Chrome、Edge、Firefox、Opera、UC、QQ）_卡尔特斯的博客-CSDN博客_js获取浏览器类型IE 11 版本区分方式与之前版本不同。有时候需要单独针对不同浏览器做不同的处理，就需要获取浏览器类型：// 获取浏览器类型function getBrowserType() { // 获取浏览器 userAgent var ua = navigator.userAgent // 是否为 Opera var isOpera = ua.indexOf('Opera') > -1 // 返回结果 if (isOpera) { return 'Opera' }..https://blog.csdn.net/zz00008888/article/details/121418559?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-3-121418559-blog-121648934.pc_relevant_3mothn_strategy_recovery&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-3-121418559-blog-121648934.pc_relevant_3mothn_strategy_recovery&utm_relevant_index=6

`判断是否IE<11浏览器`

有效

 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串

var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;

判断是否IE11

有效

 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串

var isIE = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1

判断是否qq浏览器

有效

var isQQBrowser = userAgent.indexOf("QQBrowser") > -1

    // 获取浏览器类型
    function getBrowser() {
      var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 
      var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 
      // var isIE = window.ActiveXObject || "ActiveXObject" in window
      var isIE = (ua.indexOf('compatible') > -1) && (ua.indexOf('MSIE') > -1) && !isOpera
      var isEdge = userAgent.indexOf("Edge") > -1; //判断是否IE的Edge浏览器
      var isFireFox = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器 
      var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器 
      var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1 && !isEdge; //判断Chrome浏览器 
      var isQQBrowser = userAgent.indexOf("QQBrowser") > -1

      if (isIE) {
        alert("推荐使用谷歌浏览器打开")
        return
      }
      if (isQQBrowser) {
        alert("推荐使用谷歌浏览器打开")
        return
      }
      // if (isIE) {
      //   var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
      //   reIE.test(userAgent);
      //   var fIEVersion = parseFloat(RegExp["$1"]);
      //   if (userAgent.indexOf('MSIE 6.0') != -1) {
      //     return "IE6";
      //   } else if (fIEVersion == 7) {
      //     return "IE7";
      //   } else if (fIEVersion == 8) {
      //     return "IE8";
      //   } else if (fIEVersion == 9) {
      //     return "IE9";
      //   } else if (fIEVersion == 10) {
      //     return "IE10";
      //   } else if (userAgent.toLowerCase().match(/rv:([\d.]+)\) like gecko/)) {
      //     return "IE11";
      //   } else {
      //     return "0"
      //   } //IE版本过低
      // } 

      // if (isFireFox) {
      //   return "Firefox";
      // }
      // if (isOpera) {
      //   return "Opera";
      // }
      // if (isSafari) {
      //   return "Safari";
      // }
      // if (isChrome) {
      //   return "Chrome";
      // }
      // if (isEdge) {
      //   return "Edge";
      // }
    }

注意：网上说判断是否是edge是用 userAgent.indexOf("Edge") > -1判断，但是我一直没有判断成功过。

edge中window.ActiveXObject为undefined ， "ActiveXObject" in window为false

js判断谷歌浏览器版本

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>谷歌浏览器版本号</title>
</head>

<body>
  <script>
    function getChromeVersion() {
      var arr = navigator.userAgent.split(' ');
      var chromeVersion = '';
      for (var i = 0; i < arr.length; i++) {
        if (/chrome/i.test(arr[i]))
          chromeVersion = arr[i]
      }
      console.log("版本号：", Number(chromeVersion.split('/')[1].split('.')[0]))
      alert(`版本号：${Number(chromeVersion.split('/')[1].split('.')[0])}`)
    }
    getChromeVersion()
  </script>
</body>

</html>