判断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)
  }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值