判斷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)
  }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章