X-UA-Compatible被设置为IE=edge，但它仍然不停止兼容模式

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

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

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

你应该如何确保IE不使用兼容模式(即使在内部网中)?

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的默认设置是内网站点使用IE7兼容模式。这会覆盖x - ua compatible元标记吗?

当前回答

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

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

希望能有所帮助

2013-08-30 08:14:35

其他回答

如果你正在使用LAMP堆栈，那么将其添加到web根文件夹中的.htaccess文件中。不需要将它添加到每个PHP文件中。

<IfModule mod_headers.c>
    Header add X-UA-Compatible "IE=Edge"
</IfModule>

2013-07-03 09:09:30

如果你需要覆盖IE的内部网站点的兼容性视图设置，你可以在web上这样做。config (IIS7)或通过网站属性(IIS6)中的自定义HTTP头，并在那里设置X-UA-Compatible。元标签不会在兼容性视图设置中覆盖IE的内部网设置，但如果你在主机服务器上设置它，它会覆盖兼容性。

web示例。IIS7中的配置:

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

编辑:我从添加之前删除了清晰的代码;这是不必要的复制粘贴的疏忽。抓得好，评论们!

2012-02-18 05:47:55

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

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

禁用内网兼容模式

HKEY_LOCAL_MACHINE - SOFTWARE - Policies - Microsoft - Internet Explorer - BrowserEmulation -> IntranetCompalityMode Value为0(0)。并从策略列表中删除现有域名。

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

2017-10-24 09:15:01

在尝试了许多组合后，我有同样的问题，我有这个工作注意我已经检查了内部网的兼容性

<!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-26 07:39:58

服务器端解决方案是推荐的，正如@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 他们有几种解决方案。

关于内部网和兼容性视图，当您转到工具>兼容性视图设置时，有一些设置。

2012-03-08 20:33:38

X-UA-Compatible被设置为IE=edge，但它仍然不停止兼容模式

推荐文章

最新文章

标签