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元标记吗?

当前回答

我能够绕过这个加载头之前的HTML与php，它工作得很好。

<?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-10 20:40:29

其他回答

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

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

2012-03-29 20:59:03

我能够绕过这个加载头之前的HTML与php，它工作得很好。

<?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-10 20:40:29

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

IE 11不再允许你通过发送头文件来覆盖浏览器兼容性视图设置…

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

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

我们能够防止用户更改IE 9和10的浏览器设置，但它不再适用于IE 11。我们的IE用户正在切换到Chrome，这不是问题，从来都不是问题。

2013-11-27 17:40:33

对于Nginx,

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

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

2016-06-20 06:32:24

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

推荐文章

最新文章

标签