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

好不容易兼容了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)
  }
}
发布了14 篇原创文章 · 获赞 2 · 访问量 2498

猜你喜欢

转载自blog.csdn.net/janyxh/article/details/103969441