判断用户使用的是IE浏览器，出现提示弹窗

最新推荐文章于 2023-04-22 03:02:42 发布

兰颜

最新推荐文章于 2023-04-22 03:02:42 发布

阅读量1.3k

点赞数

分类专栏：前端—js 文章标签： javascript

本文为博主原创文章，未经博主允许请勿转载。

本文链接：https://blog.csdn.net/qq_39704057/article/details/104694091

版权

前端—js 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

因为项目的一些问题，所以不推荐用户使用IE浏览器来访问，所以就要求用户使用IE浏览器的时候出现提示性的文字，下面直接上代码

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body>
	<div>
        <div>你好</div>
	</div>
	<script type="text/javascript">
        function getBrowserType(){
            var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
            var browser='unknown';
            if (userAgent.indexOf("IE")!=-1) {
                browser="IE";
                alert('您使用的的IE浏览器')
            }else if(userAgent.indexOf('Firefox')!=-1){
                alert('您使用的的Firefox浏览器')
                browser="Firefox";
            }else if(userAgent.indexOf('OPR')!=-1){
                alert('您使用的的OPR浏览器')
                browser="Opera";
            }else if(userAgent.indexOf('Chrome')!=-1){
                alert('您使用的的Chrome浏览器')
                browser="Chrome";
            }else if(userAgent.indexOf('Safari')!=-1){
                alert('您使用的的Safari浏览器')
                browser="Safari";
            }else if(userAgent.indexOf('Trident')!=-1){
                alert('您使用的的IE-11浏览器')
                browser='IE 11';
            }
            return browser;
        }
        getBrowserType()
	</script>
</body>
</html>

效果是这样的(我的浏览器是IE11)
在这里插入图片描述
所以这个需求就完成了，这是使用浏览器本身的弹窗样式，可以根据自己的需求来美化弹窗的样式。

兰颜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
4
评论
判断用户使用的是IE浏览器，出现提示弹窗

因为项目的一些问题，所以不推荐用户使用IE浏览器来访问，所以就要求用户使用IE浏览器的时候出现提示性的文字，下面直接上代码<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"></head><body> &lt...
复制链接

扫一扫