253

我很困惑。我应该可以设置

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

IE8 和 IE9 应该使用最新的渲染引擎来渲染页面。但是,我刚刚对其进行了测试,如果在我们网站的其他地方打开了兼容模式,它将在我们的页面上保持打开状态,即使我们应该强制它不要这样做。

您应该如何确保 IE 不使用兼容模式(即使在 Intranet 中)?

FWIW,我正在使用 HTML5 DocType 声明(<!doctype html>)。

这是页面的前几行:

<!doctype html> 
<!--[if lt IE 7 ]> <html lang="en" class="innerpage no-js ie6"> <![endif]--> 
<!--[if IE 7 ]>    <html lang="en" class="innerpage no-js ie7"> <![endif]--> 
<!--[if IE 8 ]>    <html lang="en" class="innerpage no-js ie8"> <![endif]--> 
<!--[if (gte IE 9)|!(IE)]><!--> 
<html lang="en" class="innerpage no-js"> 
<!--<![endif]--> 
    <head> 
        <meta charset="ISO-8859-1" /> 
        <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

编辑:我刚刚了解到IE8 的默认设置是对 Intranet 站点使用 IE7 兼容模式。这会覆盖 X-UA-Compatible 元标记吗?

4

18 回答 18

263

如果您需要覆盖 IE 对 Intranet 站点的兼容性视图设置,您可以在 web.config (IIS7) 中或通过网站属性 (IIS6) 中的自定义 HTTP 标头执行此操作,并在那里设置 X-UA-Compatible。元标记不会覆盖 IE 在兼容性视图设置中的 Intranet 设置,但如果您在托管服务器上设置它,它将覆盖兼容性。

IIS7 中的 web.config 示例:

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

编辑:我从;clear之前删除了代码 add复制和粘贴是不必要的疏忽。好收获,评论者!

于 2012-02-18T05:47:55.113 回答
185

服务器端解决方案是推荐的,正如@TimmyFranks 在他的回答中提出的那样,但是如果需要X-UA-Compatible在页面级别实施规则,请阅读以下提示,以受益于已经被烧毁的人的经验


X-UA-Compatible标记必须直接出现在<head>元素中的标题之后。不能在它之前放置其他元标记、css 链接和 js 脚本调用。

<head>
    <title>Site Title</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <script type="text/javascript" src="/jsFile.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="shortcut icon" href="/apple-touch-icon.png" />
</head>

如果页面中有任何条件注释(比如说位于 中<html>),它们必须放在<head>.

// DON'T: place class inside the HTML tag 
<!--[if gt IE 8]><!--> 
    <html class="aboveIe8"> 
<!--<![endif]-->

// DO: place the class inside the BODY tag
<!--[if gt IE 8]><!--> 
    <body class="aboveIe8"> 
<!--<![endif]-->

Html5BoilerPlate 的团队写了关于这个错误的文章 - http://h5bp.com/i/378 他们有几个解决方案。

关于 Intranet & Compatibility 视图,当您转到工具 > 兼容性视图设置时会有设置。

兼容性视图设置

于 2012-03-08T20:33:38.043 回答
37

请注意,如果您使用 PHP 提供服务,您也可以使用以下代码来修复它。

header("X-UA-Compatible: IE=Edge");
于 2012-04-09T18:32:53.267 回答
26

事实证明,这与微软的“智能”选择有关,即让所有 Intranet 站点强制进入兼容模式,即使X-UA-Compatible设置为IE=edge.

于 2011-07-18T17:15:12.177 回答
9

我在本地主机的 IE7 文档标准中也遇到了相同的 IE9 渲染问题。我尝试了许多条件注释标签,但都不成功。最后,我只是删除了所有条件标签,并在 head 之后立即添加了元标签,如下所示,它就像魅力一样。

<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

希望能帮助到你

于 2013-08-30T08:14:35.750 回答
8

即使您已取消选中“在兼容性视图中显示 Intranet 站点”选项,并且在响应标头中包含 X-UA-Compatible,您的浏览器仍可能默认为“兼容性视图”的另一个原因 - 您的组策略。查看您的控制台以获取以下消息:

HTML1203:xxx.xxx 已通过组策略配置为在兼容性视图中运行。

其中 xxx.xxx 是您网站的域(即 test.com)。如果您看到这一点,则您的域的组策略已设置,因此任何以 test.com 结尾的站点都将自动以兼容模式呈现,而不管文档类型、标题等如何。

有关详细信息,请参阅以下链接(解释 html 代码): http: //msdn.microsoft.com/en-us/library/ie/hh180764 (v=vs.85).aspx

于 2013-07-24T15:42:36.733 回答
5

正如 NEOSWF 在上面指出的,Paul Irish 条件注释会阻止元标记产生任何影响。

这里有几个修复(http://nicolasgallagher.com/better-conditional-classnames-for-hack-free-css/

这些包括:

添加两个 HTML 类,使用服务器标头并在文档类型上方添加条件注释。

在我的最新项目中,我决定删除 Paul Irish 条件评论。我不喜欢在没有先进行大量测试的情况下在 html 之前添加任何内容的想法,并且很高兴仅通过查看 HTML 来了解已设置的内容。

最后,我在正文之后直接包围了一个 div 并使用了条件注释,例如

  <!--[if IE 7]><div class="ie7"><!--<![endif]-->
  ... regular body stuff
  <!--[if IE 7]></div><!--<![endif]-->

我本可以在身体周围做这件事,但对于像 Wordpress 这样的 CMS 来说更难。

显然它是标记内的另一个 DIV,但它仅适用于旧版浏览器。

我认为这可能是基于每个项目的决定。

我还阅读了一些关于需要进入前 1024 个字节的字符集元标记的内容,这样可以确保这一点。

有时最简单、最容易阅读的想法是最好的,它绝对值得思考!感谢上面链接上的第 6 条评论指出了这一点。

于 2013-01-16T11:13:34.767 回答
5

X-UA-Compatible只会覆盖文档模式,而不是浏览器模式,并且不适用于所有 Intranet 站点;如果是这种情况,最好的解决方案是禁用“在兼容性视图中显示 Intranet 站点”并设置组策略设置以指定哪些 Intranet 站点需要兼容模式。

于 2013-09-09T18:55:14.953 回答
5

我将以下内容添加到我的 htaccess 文件中,这起到了作用:

BrowserMatch MSIE ie
Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
于 2013-09-10T08:27:12.403 回答
3

此外,X-UA-Compatible 必须是 head 部分中的第一个元标记

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>

顺便说一句,正确的顺序或主要的头部标签是:

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <title>Site Title</title>
    <!-- other tags -->
</head>

这边走

  1. 我们将渲染引擎设置为在 IExplorer 开始处理之前使用
  2. 然后我们设置用于所有浏览器的编码
  3. 然后我们打印标题,它将使用已经定义的编码进行处理。
于 2014-03-06T19:03:06.600 回答
2

蒂米弗兰克斯适合我。我们今天遇到的问题是客户在公司范围内使用 IE8,这迫使我们为他们的 Intranet 编写的网站进入兼容模式。设置“IE-Edge”似乎可以解决它。

<httpProtocol>
  <customHeaders>
    <clear />
    <add name="X-UA-Compatible" value="IE=Edge" />
  </customHeaders>
</httpProtocol>
于 2012-03-29T20:59:03.100 回答
2

对于 Nginx,

add_header "X-UA-Compatible" "IE=Edge,chrome=1";

参考:https ://github.com/h5bp/server-configs/commit/a5b0a8f736d68f7de27cdcb202e32975a74bd2c5

于 2016-06-20T06:32:24.650 回答
1

IE 11 不再允许您通过发送标头来覆盖浏览器兼容性视图设置...

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

似乎强制浏览器不使用兼容性视图的唯一方法是让用户在浏览器中禁用它。我们的是一个内网站点,默认的 IE 选项是使用内网站点的兼容性视图。多么痛苦!

我们能够阻止用户更改 IE 9 和 10 用户的浏览器设置,但它不再适用于 IE 11。我们的 IE 用户正在切换到 Chrome,这不是问题,而且从来没有到过。

于 2013-11-27T17:40:33.560 回答
1

我能够在使用 php 加载 HTML 之前解决这个问题,并且效果很好。

<?php 
header( 'X-UA-Compatible: IE=edge,chrome=1' );
header( 'content: width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' );
include('ix.html');
?> 

ix.html 是我在发送标头后要加载的内容。

于 2014-06-10T20:40:29.637 回答
1

我在 IE11 中遇到了同样的问题。这些答案都没有解决我的问题。经过一番挖掘,我注意到浏览器在企业模式下运行。(通过按 F12 进行验证并单击仿真选项卡,查找浏览器配置文件下拉菜单)该设置已锁定,不允许我更改设置。

从以下注册表项中删除CurrentVersion后,我能够将配置文件更改为桌面:

HKEY_CURRENT_USER\Software\Policies\Microsoft\Internet Explorer\Main\EnterpriseMode

将模式更改为桌面后,此帖子上的答案将起作用。

于 2017-03-24T14:04:19.807 回答
1

当您的浏览器以兼容模式打开时,即使您从 Web 浏览器和本地组策略编辑器中删除并关闭了所有兼容模式配置,您也可以尝试从注册密钥中禁用。

这也发生在我使用域和子域连接服务器端时。该机器被限制在所有子域的兼容模式下打开。

禁用 Intranet 的兼容模式

HKEY_LOCAL_MACHINE - 软件 - 策略 - Microsoft - Internet Explorer - BrowserEmulation -> IntranetCompalityMode值应为0(零)。并从 PolicyList 中删除现有域名。

否则,您可以添加一个包含0(零)值数据的新值 (DWORD)。

于 2017-10-24T09:15:01.703 回答
0

在尝试了许多组合后我遇到了同样的问题我有这个工作笔记我已经检查了 Intranet 的兼容性

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<head runat="server">
于 2013-06-26T07:39:58.593 回答
0

如果您使用的是 LAMP 堆栈,请将其添加到您的 Web 根文件夹中的 .htaccess 文件中。无需将其添加到每个 PHP 文件中。

<IfModule mod_headers.c>
    Header add X-UA-Compatible "IE=Edge"
</IfModule>
于 2013-07-03T09:09:30.200 回答