vue对低版本ie浏览器提醒

在vue项目的public目录里面找到index.html在标签title下面加上下面这段代码即可

 <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.google.cn/intl/zh-CN/chrome/' target='_blank' style='color:blue;'>谷歌</a>,"+ "<a href='http://www.firefox.com.cn/' target='_blank' style='color:blue;'>火狐</a>,"+ "其他双核极速模式";document.writeln("<pre style='text-align:center;color:#fff;background-color:#3878AC; 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>

加入后重新打包上传用ie11以下浏览器就会出现下图了

这是直接passie的代码、

 (function(window) {var isIE=/msie|trident/g.test(window.navigator.userAgent.toLowerCase())if (isIE) {var str = "你的浏览器版本太low了,已经和时代脱轨了 :(";var str2 = "推荐使用:<a href='https://www.google.cn/intl/zh-CN/chrome/' target='_blank' style='color:blue;'>谷歌</a>,"+ "<a href='http://www.firefox.com.cn/' target='_blank' style='color:blue;'>火狐</a>,"+ "其他双核极速模式";document.writeln("<pre style='text-align:center;color:#fff;background-color:#3878AC; 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);

vue对低版本ie浏览器提醒相关推荐

如何让低版本IE浏览器支持HTML5和CSS3
在默认状态下,低版本的IE浏览器是不支持HTML5和CSS3的,很多良好的效果都不能够使用,这不能不说是一种遗憾,为了弥补此种遗憾,因此产生了很多优秀的插件,下面就介绍比较常用的几种. 一.html5 ...
低版本IE浏览器不支持前端代码修改属性remove()的解决办法
今天在工作中碰到了低版本IE浏览器不支持对象属性移除(remove)和添加(add)的方法,请教了同事结合在网上找到的资源最后写了这一段代码,完美的解决了一个前端基础问题,在此记录一下,希望可以帮助到 ...
解决opacity属性在低版本IE浏览器下失效的方法
以前,一直都以为ie9以下的版本不支持opacity属性.所以就同时使用 opacity和ie独特的filter蒙版.但是有些时候需要一些动态的效果,就比如层的渐渐消失,隐藏,就需要使用动态变化的op ...
AJAX学习笔记（基本使用，请求参数传递，获取服务端响应，错误处理，低版本IE浏览器缓存问题及解决）
1. Ajax实现步骤创建ajax对象 let xhr = new XMLHttpRequest(); 告诉ajax请求地址及请求方式 xhr.open('get','http://www.exam ...
html兼容ie低版本,jquery不兼容低版本ie浏览器怎么办？
jquery不兼容低版本ie浏览器怎么办? 1.可以使用原生JS或者低版本的Jquery1.x版本.因为Jquery从2.x版本开始已经不再进行IE低版本(IE6.IE7.IE8)的兼容性处理.如果需 ...
低版本ie浏览器禁用提示
低版本ie浏览器禁用提示 <!--[if lte IE 10]><script>// 低版本浏览器升级提示var div = document.createElement(&q ...
浏览器尺寸判断（兼容标准及低版本ie浏览器）
1.总体思路:先判断浏览器类型,再根据不同浏览器类型用不同方法获取浏览器尺寸: 2.html <!DOCTYPE html> <html><head><met ...
Ajax学习日志（七）—— 解决低版本IE浏览器的缓存问题
Ajax入门(七) 一.解决低版本IE浏览器的缓存问题 1.1) 低版本IE浏览器的缓存问题及解决方案 1.2)需了解的知识 1.3)在app.js同目录下新建一个txt文件 1.4)在app.js创 ...
jsencrypt.js 兼容低版本IE浏览器(IE9以下)
jsencrypt.js 兼容低版本IE浏览器(IE9以下) IE5.IE6.IE7.IE8使用jsencrypt.js IE5.IE6.IE7.IE8使用RSA加密 JS使用非对称加密 SCRIPT ...

vue对低版本ie浏览器提醒

vue对低版本ie浏览器提醒相关推荐

最新文章

热门文章