追风筝的人儿

V1

2022/08/17阅读:15主题:绿意

Bootstrap5不再支持IE浏览器,在网站顶部给IE浏览器访客给予提示

通过浏览器userAgent特征判断浏览器类型,IE10和10之前的版本特征是MSIE,IE11是Trident。如果还要判断Edge使用Edge判断即可。

if (/MSIE|Trident/.test(window.navigator.userAgent)) {
    var alertHtml = document.createElement('div')
    alertHtml.innerHTML = '<div class="alert alert-danger text-center" role="alert">抱歉,本站不支持IE浏览器。推荐使用谷歌Chrome、微软Edge等主流浏览器访问本站!</div>'
    document.body.insertBefore(alertHtml, document.body.firstChild)
}

如果是IE浏览器,在网页(body)顶部显示警告提示。要注意的是,此处使用insertBefore方法,不能使用prepend,因为IE和早版本的Edge都不支持prepend,相比之下几乎所有浏览器都支持insertBefore。详见各浏览器对insertBefore和prepend这两个方法的支持情况。

分类:

前端

标签:

JavaScript

作者介绍

追风筝的人儿
V1