使用“X-UA-Compatible”为 IE8 模拟 IE7，但不为 IE9 模拟 IE7。

Question

我有一个依赖矢量绘图的网站，对于 Internet Explorer，我使用 VML 和对于其他浏览器，我使用 SVG。 然而，IE8 不支持这两种模式，除非退回到具有 VML 的 IE7 模式。

因此，我包含 。

问题（嗯，实际上是一件好事）是 IE9 现在支持 SVG，所以我不希望它退回到性能和兼容性差得多的 IE7 模式。如何仅告诉 IE8 回退到 IE7 模式，而让 IE9 保持 IE9 模式？

现在我正在对代理进行服务器端检查是否在头部包含 EmulateIE7 字符串，但我想尽可能避免这种情况。

Answer 1

我刚刚玩了一下，发现以下作品适合我：

<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" >

那是用逗号而不是分号！

我没有看过规范，但格式类似于适用于 Chrome 框架的 content="IE=7,chrome=1"。我还发现 content="IE=7,9" 有效，但我怀疑这不是正确的格式。

编辑：

如果您的页面位于 iframe 中，请注意出现严重问题。如果您在父级处于低于 IE9 严格的任何模式的框架页面中使用上述内容，则 IE9 将回退到 IE8 模式（忽略 IE=7 请求！）。欢迎任何已知的解决方法:) 可能与 IE11 无关。

上述似乎是设计功能的副作用，iframe（我假设框架）要么全部处于 IE9 模式，要么全部低于 IE9 模式。永远不能将 IE9 框架与 << IE9 框架，请参阅 MS 问题 #599022 和 #635648。

编辑2：

请注意，IE11 仅支持“IE=edge”（不支持 IE=11），并且使用 IE=edge 对 IE 功能（包括用户代理）有重大影响。

编辑3：

• 精彩的流程图解释了 IE 如何确定 IE9 使用的模式
• IE=edge 受 IE8 到 IE11 支持。
• Meta 标记优先于 HTTP 标头（可以使用 HTTP 标头代替元标记）
• 更多IE10 的 X-UA 兼容信息。

编辑 4：

X-UA-Compatible 已从 Microsoft Edge 浏览器中删除。只有 Internet Explorer 具有兼容模式。请注意，如果您在 Windows Phone 10 上的应用程序中使用 WebView，那么您仍在使用 IE11（而不是 Edge）。

此外，由于多种原因，您不能相信用户代理会告诉您正确的兼容性级别，而是使用 JavaScript 中的 document.documentMode。

编辑 5：

对于某些特殊情况，例如从 ActiveX 使用 IE11 的客户（如如果您不设置此选项，包装应用程序中的 WebView 可能会将 IE11 恢复为 IE7 模式。

Answer 2

其他人提到的双模式应该工作（但不如微软所示），并且是我在MS文档中看到的最接近的东西，应该按照描述工作。下面的更新显示了元属性值应采用的正确形式。

因此，如果您使用这个：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">

不幸的是，由于 x-ua 兼容引擎所做的模糊版本矢量处理，您将得到的是 IE8 渲染为 IE8。请参阅此文档：
定义文档兼容性：了解内容属性值。
在该部分中，您将看到在前半部分中，他们定义了定义为大于当前浏览器版本的任何版本向量将被解释为最大的可用渲染引擎。因此，emulateIE9 被翻译为 emulateIE8。愚蠢的。

然后，实际上，他们谈论使用多个版本向量（如上面的代码片段中所示）来排除特定引擎。但由于版本逻辑模糊，这永远行不通。啊，微软。再次失败。

在元周围使用 CC 不起作用的原因是浏览器在命中 CC 时必须选择渲染引擎。根据 MS 自己的文档，x-ua 元必须位于标头中除其他元或标题之外的任何其他内容之前。

如果有人能弄清楚这一点，我会洗耳恭听，因为我迫切希望在支持 IE9 的同时排除 IE8。

重要更新：

Robocat 指出，使用逗号而不是像 Microsoft 所示的分号是执行此操作的正确方法。我测试了它，它对我有用。我更新了我的测试页。

所以正确形式是这样的（按照robocat的建议）：

<meta http-equiv="X-UA-Compatible" content="IE=7, IE=9">

不正确形式是这样的（按照Microsoft的建议）：

<meta http-equiv="X-UA-Compatible" content="IE=7; IE=9">

Answer 3

到目前为止，我已经使用了所有这些，但在 IE9 上没有任何效果：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >

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

这太令人沮丧了，这些元标记似乎都不起作用。微软，支持您认为应该在文档中起作用的内容有什么困难？我们必须花几个小时进行浏览器大战。你在浪费大家的时间。

Answer 4

如果您希望 IE 8 使用 IE7 标准，IE 9 使用 IE9 标准，这对我有用：

<meta http-equiv="X-UA-Compatible" content="IE=7, IE=9">

对于 IE9，这为我提供了 IE 9 与 IE 9 标准的兼容模式。
对于 IE8，这给了我浏览器模式 IE8 文档模式 IE7 标准

Answer 5

这个对我来说适用于 IE9。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

Answer 6

我认为你需要的是：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">

根据
http ://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx 因为它指出这是“...组合值的示例，以便 IE8 在 IE7 标准模式下呈现网页，而 IE9 在 IE9 标准模式下呈现网页：“

但是我无法让它工作。

Answer 7

哇，微软真的在这里制造了一场噩梦。我们将在未来讨论这个问题！

无论如何，这对我有用。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9" />

Answer 8

<!--[if IE 8]>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<![endif]-->

这称为条件注释
http://en.wikipedia.org/wiki/Conditional_comment