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

最新推荐文章于 2024-05-05 03:24:38 发布

别忘了微笑_cuicui

最新推荐文章于 2024-05-05 03:24:38 发布

阅读量5k

点赞数 1

分类专栏： ie

本文链接：https://blog.csdn.net/CuiCui_web/article/details/103817658

版权

ie 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

当当前浏览器为低版本浏览器，插件不支持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