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

269 阅读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) 在这里插入图片描述 所以这个需求就完成了,这是使用浏览器本身的弹窗样式,可以根据自己的需求来美化弹窗的样式。