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 = true
    this.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

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/CuiCui_web/article/details/103817658
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-06-28 03:41:13
阅读 ( 1542 )
分类：前端

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

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看