好不容易兼容了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)
}
}