判断IE浏览器，为IE9或以下做提示

janyxh

于 2020-01-14 10:56:29 发布

阅读量604

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/janyxh/article/details/103969441

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

好不容易兼容了IE浏览器之后，发现IE9下乱成一团，IE8下一片空白。

因为IE9对ES5和CSS3部分支持，所以有些功能可以正常使用，有些功能缺失或展示错位。

为了不让用户在IE9及以下版本打开网站时一脸懵逼，我们决定给用户一个提示。

上代码：

if (!!window.ActiveXObject || 'ActiveXObject' in window) {  // 判断IE
  var userAgent = navigator.userAgent //取得浏览器的userAgent字符串
  var isIE11 =
    userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1
  var reIE = new RegExp('MSIE (\\d+\\.\\d+);')
  reIE.test(userAgent)
  var fIEVersion = parseFloat(RegExp['$1'])
  if (fIEVersion === 10) {
    alert(10)
  } else if (isIE11) {
    alert(11)
  } else {
    alert('9以下')
    var dvObj = document.createElement('div')
    dvObj.innerHTML =
      "<p style='padding:30px;background:yellow;font-size:24px;padding:30px;text-align:center'>您的浏览器不支持，请更换浏览器。</p>"
    document.body.appendChild(dvObj)
  }
}