阻止在 Internet Explorer 中查看网页

Question

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

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

非常感谢您的宝贵时间。

Answer 1

您可以使用以下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);
}

Answer 2

建议您参考下面的例子，如果浏览器是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, ua.indexOf('.', 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>

输出：

阻止在 Internet Explorer 中查看网页

Prevent viewing webpage in Internet Explorer

javascript

jquery

compatibility

internet-explorer-11