vue项目兼容IE浏览器，判断IE11以下，则提示浏览器版本过低，更新浏览器页面

﹏ヽ暗。殇╰゛Y 2023-07-20 12:18 32阅读 0赞

1. 把下面这段js直接放入vue项目的index.html 页面的<head>里面

<script type="text/javascript">
    (function(window) {
        var theUA = window.navigator.userAgent.toLowerCase();
        if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/trident\s?\d+/) && theUA.match(/trident\s?\d+/)[0])) {
            var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0] || theUA.match(/trident\s?\d+/)[0];
            if (ieVersion < 11) {
                var str = "你的浏览器版本太low了,已经和时代脱轨了 :(";
                var str2 = "推荐使用:<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:blue;'>谷歌</a>,"
                    + "<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%81%AB%E7%8B%90%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:blue;'>火狐</a>,"
                    + "其他双核极速模式";
                document.writeln("<pre style='text-align:center;color:#fff;background-color:#0cc; height:100%;border:0;position:fixed;top:0;left:0;width:100%;z-index:1234'>" +
                    "<h2 style='padding-top:200px;margin:0'><strong>" + str + "<br/></strong></h2><h2>" +
                    str2 + "</h2><h2 style='margin:0'><strong>如果你的使用的是双核浏览器,请切换到极速模式访问<br/></strong></h2></pre>");
                document.execCommand("Stop"); 
            };
        }
    })(window);
    
      </script>

效果图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FzdGVyaWFW_size_16_color_FFFFFF_t_70][]

参考文章：[https://www.cnblogs.com/dyy-dida/p/9590182.html][https_www.cnblogs.com_dyy-dida_p_9590182.html]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FzdGVyaWFW_size_16_color_FFFFFF_t_70]: /images/20230528/128ec9b1572143738c78634f1dcae9f2.png
[https_www.cnblogs.com_dyy-dida_p_9590182.html]: https://www.cnblogs.com/dyy-dida/p/9590182.html

发表评论取消回复

表情：

评论列表（有 0 条评论，32人围观）

还没有评论，来说两句吧...

相关阅读

相关判断浏览器版本是否是ie9以下浏览器，提示升级

![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png] (function(window) { var theUA

快来打我*/ 2023年10月11日 14:58/ 0 赞/ 47 阅读

相关【vue项目兼容ie浏览器问题】

由于IE缓存机制的问题，首次执行ajax的URL，进行缓存，再执行时，同一URL地址，不会在变化。解决方法：创建动态的URL地址。给ajax的请求url一个假的动态路径，从

Bertha 。/ 2023年10月09日 12:27/ 0 赞/ 49 阅读

相关 vue项目兼容IE浏览器，判断IE11以下，则提示浏览器版本过低，更新浏览器页面

1. 把下面这段js直接放入vue项目的index.html 页面的<head>里面 <script type="text/javascript"> (fun

﹏ヽ暗。殇╰゛Y/ 2023年07月20日 12:18/ 0 赞/ 33 阅读

相关 vue项目检测IE浏览器版本，版本太低给出提示

在index.html 文件的header标签内加入： <script type="text/javascript"> (function(win

超、凢脫俗/ 2022年12月15日 02:19/ 0 赞/ 267 阅读

相关 vue项目兼容ie浏览器

1、问题 vue项目在ie浏览器下，会报Symbol 未定义的错，还有其他一些es6-10中出现的新的语法不兼容的问题 2、解决方法安装babel-polyfi

淩亂°似流年/ 2022年11月04日 00:58/ 0 赞/ 249 阅读

相关 html提示更新浏览器的代码,IE9及以下浏览器升级提示

在使用react的项目中一般都有兼容性问题，特别是使用了组件库比如element-react或者ant-design等等，在ie下多少都会有点小问题，比如样式不正确，或者组件功

痛定思痛。/ 2022年10月06日 12:49/ 0 赞/ 275 阅读

相关 ie浏览器兼容

ie低版本浏览器默认很多标签是自带样式的。 ul默认室友padding-left 40px li标签的默认样式是跟其他浏览器不一样的。默认情况下，Firefox中lis

灰太狼/ 2022年07月16日 00:45/ 0 赞/ 328 阅读

相关 Vue项目兼容IE浏览器

Vue项目部署到服务器后，通常除IE浏览器外其他都正常，而IE浏览器会报这么个问题 ![这里写图片描述][SouthEast] 因为Vue使用了ES6 Promise，而I

绝地灬酷狼/ 2022年06月09日 01:28/ 0 赞/ 410 阅读

相关 html5、媒体查询media query兼容ie低版本浏览器(ie8及其以下)

方法一：以下代码是一段注释，但是 IE8及其以下的早期版本会读取它（国内cdn） <!--[if lt IE 9]> <script src="https

痛定思痛。/ 2022年04月08日 10:20/ 0 赞/ 433 阅读

相关 js判断浏览器的内核和判断浏览器，判断ie浏览器版本

一、判断当前浏览类型及IE浏览器版本唯一缺点就是 IE7与IE5不分,但是IE6以下的判别已经不重要了 function BrowserType()

柔光的暖阳◎/ 2022年03月19日 04:58/ 0 赞/ 473 阅读