JQ判断什么浏览器

最新推荐文章于 2023-03-09 15:59:17 发布

CaseyWei

最新推荐文章于 2023-03-09 15:59:17 发布

阅读量1.1k

点赞数

分类专栏： JQ

本文链接：https://blog.csdn.net/caseywei/article/details/99541668

版权

JQ 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

 $(document).ready(function () {
      // 获取IE版本
      // 取得浏览器的userAgent字符串
      var userAgent = navigator.userAgent;
      // 判断是否为小于IE11的浏览器
      var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1;
      // 判断是否为IE的Edge浏览器
      var isEdge = userAgent.indexOf('Edge') > -1 && !isLessIE11;
      // 判断是否为IE11浏览器
      var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1;
      if (isLessIE11) {
        var IEReg = new RegExp('MSIE (\\d+\\.\\d+);');
        // 正则表达式匹配浏览器的userAgent字符串中MSIE后的数字部分，，这一步不可省略！！！
        IEReg.test(userAgent);
        // 取正则表达式中第一个小括号里匹配到的值
        var IEVersionNum = parseFloat(RegExp['$1']);
        if (IEVersionNum === 7) {
          // IE7
          Tips()
        } else if (IEVersionNum === 8) {
          // IE8
          Tips()
        } else if (IEVersionNum === 9) {
          // IE9
          Tips()
        } else if (IEVersionNum === 10) {
          // IE10
          Tips()
        } else {
          // IE版本<7
          Tips()
        }
      } else if (isEdge) {
        // edge
        Tips()
      } else if (isIE11) {
        // IE11
        Tips()
      } else {
        // 不是ie浏览器
      }
    });
    function Tips() {
      var $innerHTML = '<div id="MyDiv" class="white_content"><div class= "ie-img" ><img src="__TMPL__/img/ieimg.png"></div><div class="font-content"><div class="font-content-one">尊敬的用户您好！</div><div class="font-content-two">非常抱歉，本站不支持IE及IE内核浏览器，推荐使用谷歌、火狐、QQ浏览器及360浏览器</div><div class="font-content-three">好的，我知道了 </div></div></div ><div id="pop-up-Shadow" class="pop-up-Shadow"></div>';
      $("body").append($innerHTML);
      $(".font-content-three").click(function () {
        $("#MyDiv").css("display", "none");
        $("#pop-up-Shadow").css("display", "none");
      });
    }