如何阻止网页在IE11中打开？IE11浏览器校验提示方案求助

嘿，我刚好有几个简单又靠谱的方案能解决你的问题，不用折腾复杂的第三方库，几行代码就能搞定IE11的提示需求！

方案1：IE专属条件注释（最直接） #

IE11还支持一种特殊的条件注释写法（虽然官方标注弃用，但实际仍能生效），可以直接在页面最开头插入这段代码，专门给IE11用户显示提示，同时隐藏正常页面内容：

<!--[if IE 11]>
    <style>
        body > *:not(.ie-warning) { display: none; }
        .ie-warning { 
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 2rem;
            background: #ffffff;
            border: 2px solid #f44336;
            text-align: center;
            font-size: 1.2rem;
            color: #333333;
            max-width: 90%;
        }
    </style>
    <div class="ie-warning">
        抱歉，本网站不支持Internet Explorer 11浏览器，请使用Chrome、Edge、Firefox等现代浏览器访问！
    </div>
<![endif]-->

其他浏览器会直接忽略这段注释内容，只有IE11会解析并执行，完美实现“只给IE11用户看提示”的效果。

方案2：JavaScript特征检测（更可靠灵活） #

如果需要更灵活的逻辑（比如跳转提示页面、记录统计等），可以通过IE11独有的API特征来检测，避免userAgent字符串的不稳定问题：

(function() {
    // 检测IE11的核心特征：MSInputMethodContext和document.documentMode
    const isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
    if (isIE11) {
        // 替换页面内容为提示信息
        document.body.innerHTML = `
            <div style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 2rem; background: #fff; border: 2px solid #f44336; text-align: center; font-size: 1.2rem; color: #333; max-width: 90%;">
                抱歉，本网站不支持Internet Explorer 11浏览器，请使用Chrome、Edge、Firefox等现代浏览器访问！
            </div>
        `;
        // 若需要跳转至专门的提示页，可替换为：
        // window.location.href = '/ie-not-supported.html';
    }
})();

把这段JS放在页面的<head>标签里（或者DOM加载完成的回调中），就能精准识别IE11并执行对应操作。

方案3：优雅降级的提示条（不隐藏页面） #

如果不想完全隐藏页面内容，只是给IE11用户一个顶部提示，可以用CSS+JS的组合：
首先在HTML里添加提示条：

<div class="ie11-warning">
    ⚠️ 注意：本网站在Internet Explorer 11中可能无法正常显示，请使用Chrome、Edge、Firefox等现代浏览器获得更好体验！
</div>

然后添加CSS默认隐藏提示：

.ie11-warning {
    display: none;
    background-color: #f44336;
    color: #ffffff;
    padding: 1rem;
    text-align: center;
    font-weight: bold;
    position: sticky;
    top: 0;
    z-index: 9999;
}

最后用JS检测IE11并显示提示：

(function() {
    const isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
    if (isIE11) {
        document.querySelector('.ie11-warning').style.display = 'block';
    }
})();

这种方式不会影响正常页面的展示，只是给IE11用户一个友好提醒。

内容的提问来源于stack exchange，提问作者Helene