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

最新推荐文章于 2022-12-03 03:00:00 发布

Pou321

最新推荐文章于 2022-12-03 03:00:00 发布

阅读量551

点赞数

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.csdn.net/Pou321/article/details/126386941

本文介绍了在Bootstrap5不再支持IE浏览器的情况下，如何通过JavaScript检测用户使用的浏览器类型。针对IE10及更早版本，以及Edge早期版本，通过userAgent特性识别并插入警告提示。在实现中，由于IE和旧版Edge不支持prepend方法，选择使用insertBefore方法来确保在body顶部显示警告，这种方法在大多数浏览器中都得到了广泛支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过浏览器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这两个方法的支持情况。