vue判断当前浏览器为IE低版本，给出升级提示；IE11及其他浏览器正常使用

当当前浏览器为低版本浏览器，插件不支持IE低版本时候，给出友好提示。

/** 新增公告按钮 */
addNotice () {// 取得浏览器的userAgent字符串var userAgent = navigator.userAgent;// 判断是否为小于IE11的浏览器var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1;if (isLessIE11) {this._message('请升级至IE11或更换其他浏览器，才能使用发布公告功能', 'warn')} else {this.afferentID = ''this.addDialog = truethis.titleName = '新增公告'}
},

补充：

// 取得浏览器的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;当isLessIE11时，
var IEReg = new RegExp('MSIE (\\d+\\.\\d+);');
// 正则表达式匹配浏览器的userAgent字符串中MSIE后的数字部分，，这一步不可省略！！！
IEReg.test(userAgent);
// 取正则表达式中第一个小括号里匹配到的值
var IEVersionNum = parseFloat(RegExp['$1']);
// IE7   IEVersionNum === 7
// IE8   IEVersionNum === 8
// IE9   IEVersionNum === 9
// IE10  IEVersionNum === 10
// IE版本<7   IEVersionNum < 10

vue判断当前浏览器为IE低版本，给出升级提示；IE11及其他浏览器正常使用相关推荐

浏览器尺寸判断（兼容标准及低版本ie浏览器）
1.总体思路:先判断浏览器类型,再根据不同浏览器类型用不同方法获取浏览器尺寸: 2.html <!DOCTYPE html> <html><head><met ...
字体图标在ie兼容问题（element低版本icon）（图标在ie浏览器不显示）
在项目开发过程中,项目用到的是element组件,版本号是2.4.7,遇到了图标字体在ie浏览器不显示的问题,这是在同事电脑出现的bug,我电脑同样是ie,11版本和10版本都没有问题,但是在同事电脑 ...
在电脑端微信或低版本ios，使用微信自带浏览器打开网页不显示
使用了es6的let,不解析let... 把let去掉或者使用工具把es6转为es5
解决vue项目在ie浏览器中无法显示的问题，兼容低版本浏览器问题
解决vue项目在ie浏览器中无法显示的问题,兼容低版本浏览器问题 1.在csdn中找到了一下解决方案,但与本项目略有不同 vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie11下显示空 ...
【CSS】清除浮动 ③ ( 清除浮动 - 使用 after 伪元素 | 语法简介 | 兼容低版本浏览器 | 原理分析 )
文章目录一.清除浮动 - 使用 after 伪元素 ( 最流行写法 ) 1.额外标签法和 overflow 样式法弊端 2.after 伪元素清除浮动简介 3.after 伪元素清除浮动核心代码 ...
解决vue低版本ios，安卓手机浏览器打开H5页面空白的问题
低版ios手机ios8,ios9,安卓6以后的自带浏览器打开VUE开发的H5页面有时候会出现白屏的问题,这是因为vue 项目中es6的方法和语法在这些低版本的手机上不支持,解决办法 es6转es5 一 ...
vue 检测ie版本_Vue2+Webpack+ES6 兼容低版本浏览器（IE9）解决方案
Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案解决方式:安装 "babel-polyfill" 即可. 命令:npm install --save-dev ...
从 ie10浏览器下Symbol 未定义的问题探索vue项目如何兼容ie低版本浏览器（ie9, ie10, ie 11 ）
1. 问题: vue项目在ie11下一片空白并报Symbol 未定义的错原因: ie10浏览器解析不了es6的语法,需要我们使用babel(Babel是一种工具链,主要用于将EC ...
IE浏览器低版本判断及升级提示
需求: 由于公司项目对于ie浏览器只支持ie10及以上版本,为了更好的用户体验及人性化提示,想在代码里判断下ie浏览器低版本加个提示. 解决方案: 先贴代码: <!--[if lte IE 9] ...

vue判断当前浏览器为IE低版本，给出升级提示；IE11及其他浏览器正常使用

vue判断当前浏览器为IE低版本，给出升级提示；IE11及其他浏览器正常使用相关推荐

最新文章

热门文章