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

时间:2024-03-13 16:36:41

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

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

/** 新增公告按钮 */
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