阻止在 Internet Explorer 中查看网页

问题描述

我最近创建了一个门户网站，但似乎 Internet Explorer 不支持页面中的所有新 css 属性。该网页在新的 Edge、chrome 和 firefox 上看起来不错。有什么方法可以阻止用户通过在 Internet Explorer 中查看我的网页（只是我的概念）

“Internet Explorer 不支持网页使用 chrome、firefox 或 edge”

非常感谢您抽出宝贵时间。

解决方法

您可以使用以下 Javascript 验证。如果检测到 Internet Explorer，则会向用户显示一条消息，然后它将重定向到您的自定义错误页面。修改变量“errURL”以反映您的自定义错误页面 URL。

var msg = "webpage not supported in internet explorer use chrome,firefox or edge"; 
var errURL = "https://www.google.com"; 
var ua = window.navigator.userAgent; 

if(ua.indexOf('Trident') > -1 || ua.indexOf('MSIE') > -1){
  alert(msg); document.location(errURL);
}

如果浏览器是 Internet Explorer，我建议您参考下面的示例可能会帮助您显示消息。

<!doctype html>
<html>
<head>
<title>
Test to detect IE browser
</title>

</head>
<body >
<div id="info"></div><br>
<h2>Test Page...</h2>

<script>
function Detect_IE() {
           var ua = window.navigator.userAgent;
         
           var msie = ua.indexOf('MSIE ');
           if (msie > 0) {
            
             return "IE " + parseInt( ua.substring(msie + 5,ua.indexOf('.',msie)),10);
           }
         
           var trident = ua.indexOf('Trident/');
           if (trident > 0) {
            
             var rv = ua.indexOf('rv:');
             return "IE " + parseInt(ua.substring(rv + 3,rv)),10);
           }

           // other browser
           return "false";
         }
         var result=Detect_IE();
         if (result=="false")
         {
            document.getElementById("info").innerHTML +="<h2>Welcome to the site...</h2>";
         }
         else
         {
          document.getElementById("info").innerHTML += "<h2>Dear user you are using " + result + " <br><br>Webpage not supported in internet explorer use chrome,firefox or edge</h2>";
         }
</script>
</body>
</html>

输出：

compatibility internet-explorer-11 javascript jquery