JS检测浏览内核弹出遮罩提示

最新推荐文章于 2024-01-19 09:00:51 发布

weixin_44953227

最新推荐文章于 2024-01-19 09:00:51 发布

阅读量6.1k

点赞数 1

分类专栏： JavaScript 文章标签： javascript 内核

本文链接：https://blog.csdn.net/weixin_44953227/article/details/103920950

版权

JavaScript 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="cn">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>检测内核弹出遮罩</title>
  <link rel="icon" href="/favicon.png" type="image/x-icon">
  <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.9.6/dist/data-set.min.js"></script>
</head>
<script>
  // 检测用户浏览器
  var Sys = {};
  var ua = navigator.userAgent.toLowerCase();
  var s;
  (s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] :
    (s = ua.match(/msie ([\d\.]+)/)) ? Sys.ie = s[1] :
      (s = ua.match(/edge\/([\d\.]+)/)) ? Sys.edge = s[1] :
        (s = ua.match(/firefox\/([\d\.]+)/)) ? Sys.firefox = s[1] :
          (s = ua.match(/(?:opera|opr).([\d\.]+)/)) ? Sys.opera = s[1] :
            (s = ua.match(/chrome\/([\d\.]+)/)) ? Sys.chrome = s[1] :
              (s = ua.match(/version\/([\d\.]+).*safari/)) ? Sys.safari = s[1] : 0;

  // 查看内核信息
  console.log(Sys, 'Sys')
  // ie浏览器,
  if (Sys.ie) {

	// 弹出遮罩
    var html = document.getElementsByTagName('html')[0];
    html.style.height = 800 + 'px';
    html.style.overflow = 'hidden';

    document.write('<div style="padding: 150px;height: 100vh;">' +
      '<h2>你的浏览器版本太低，不能浏览本网站</h2>' + '<h2>请使用高级浏览器，<a href="https://www.google.cn/intl/zh-CN/chrome/" target="_blank">谷歌浏览器' +
      '</a>或 <a href="https://browser.360.cn/se/" target="_blank">360浏览器</a> ' +
      '等</h2>' + '<h3>（注：如您正在使用双核浏览器，请切换至高速/急速模式）</h3>' +
      '</div>');

  }
</script>
<body>
<div id="root"></div>
</body>
</html>

weixin_44953227

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS检测浏览内核弹出遮罩提示

<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-...
复制链接

扫一扫