X-UA-Compatible 元标记和浏览器重定向的问题

Question

我目前正在开发一个新的 Web 项目，但在针对 Internet Explorer 优化它时遇到了一些问题（呵呵，谁会想到呢？）... 我想支持 IE8+ 但将 IE 7 及更早版本重定向到另一个页面，建议下载另一个浏览器。对于 IE8，我想显示一条消息，推荐另一个浏览器，但不重定向它。在 IE 9+ 中一切正常。 我遇到的第一个问题是，IE10 总是以兼容模式呈现页面，使用 IE7 标准并使页面看起来很糟糕。所以我介绍了这样的 X-UA-Compatible 元标记：

<meta http-equiv="X-UA-Compatible" content="IE=10,IE=9,IE=8" />

然后我尝试使用 IE7 及以下实现重定向

<!--[if lte IE 7]> 
        <script type="text/javascript"> 
            document.location.href = "outdated.html"; 
        </script> 
<![endif]-->

使用 F12 在不同模式下在 IE11 中测试页面不会进行重定向，并且在 IE7 及更低版本中显示页面很糟糕，因此我假设 X-UA-Compatible 元标记会破坏条件 cmets。尽管如此，如果没有标签，所有低于 IE10 的 IE 版本都会被重定向，即使条件 cmets 显示“lte IE 7”...

我自己似乎无法解决这个问题，因此我们将不胜感激！ :)

干杯，罗伯

Answer 1

如果网站是从 localhost 或 Intranet 提供的，IE 默认使用兼容模式。

您可以阅读更多关于它的信息here

在企业环境中，某些领域的风险较低 兼容性问题。例如，Intranet Zone 网站使用 默认的兼容性视图。

你不能像你一样使用元标记来覆盖它。

您需要发送 HTTP Header：

X-UA-Compatible: IE=edge

回答了类似的问题here

如果您使用的是 .NET，则可以使用 IIS 配置添加此标头或在 web.config 文件中进行更改：

<httpProtocol>
    <customHeaders>
        <clear />
        <add name="X-UA-Compatible" value="IE=Edge" />
    </customHeaders>
</httpProtocol>