误解了<meta http-equiv=”X-UA-Compatible“ content=”IE=edge“>

Question

我无法实现meta http-equiv =“X-UA-Compatible”content =“IE = edge”的真正意义。

1）如果某些用户有某个版本的IE并且他尝试打开具体页面，则该页面将在用户拥有的IE版本（最新版本）中打开。 我不明白为什么我们需要那个标签来保持这个？

2）如果用户明确说他的IE（例如IE9）想要打开浏览器页面，因为某些以前的IE版本（例如IE8）这个元标记会阻止它吗？

3）如果我有IE7或IE8并且此页面有元标记怎么办？ 该页面将在IE7或IE8中打开取决于我的计算机上最新版本的浏览器。

我真的看不到这个元标记的用途（除了用户已经调整浏览器的新版本以打开旧版本的页面的情况），或者我在这里遗漏了一些东西。

Answer 1

请参阅Microsoft文档：

http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx

注意：边缘模式仅用于测试目的; 不要在生产环境中使用它。

因为它强制所有页面都以标准模式打开，所以无论Internet Explorer的版本如何，您都可能会对使用Internet Explorer查看的所有页面使用此页面。 请勿这样做，因为仅从Windows Internet Explorer 8开始支持X-UA-Compatible标头。

这意味着它只是为了快速测试当前仅限于特定版本的网站的最新IE版本。

要永久使用最新版本，请使用HTML5文档类型： <!DOCTYPE html> 。
请参阅文章中的简介：

在大多数情况下，我们建议网站使用HTML5文档类型来支持最广泛的既定和新兴标准，以及最广泛的Web浏览器。

编辑：我刚刚在另一篇SO帖子中注意到了这个答案。 这表示如果用户由于某种原因在页面的兼容模式下运行IE，您将通过设置X-UA-Compatible = EDGE来覆盖它。 这意味着，如果您知道使用最新标准最佳显示页面，即使用户已激活兼容模式，您也可以强制IE以边缘模式运行。 有关可以激活兼容模式的不同方法的详细信息，请参阅其他答案。

作为奖励效果，当你设置X-UA-Compatible = EDGE时，IE也会隐藏地址栏中的兼容性按钮。

Answer 2

“1）如果某些用户有某个版本的IE并且他尝试打开具体页面，该页面将在IE版本中打开哪个用户拥有（最新版本）。我不明白为什么我们需要该标签来维护？”

IE 8 *及更高版本内置了多个渲染引擎.IE选择使用哪个特定页面取决于几个因素。 有时它默认为较旧的模式，所以即使您使用的是IE10，它也可能会打开IE7兼容性视图中的特定页面。

如果您在页面上使用标准的html5文档类型，例如<!DOCTYPE html> ，那么您会认为您不必担心，并且在intERnet上或多或少都是如此。 但是，由于微软以外的任何人都没有意义的原因， 如果IE在intRAnet上打开一个页面，它默认为旧的兼容性视图，即使指定了html5文档类型。

使用你提到的<META>标签告诉IE总是使用它拥有的最新（“边缘”）渲染引擎。

“2）如果用户明确说他的IE（例如IE9）想要打开浏览器页面，因为某些以前的IE版本（例如IE8）会不会阻止它？”

不可以。用户仍然可以使用内置开发工具来更改文档模式。

“3）如果我有IE7或IE8并且此页面有元标记怎么办？该页面将在IE7或IE8中打开取决于我的计算机上最新的浏览器版本。”

是。 当然IE8无法在IE9模式下打开页面。 但正如我上面提到的那样，元标记会告诉您使用的IE版本是哪种版本，而不是（可能）默认使用较旧的模式。

_{*或者我的意思是IE 7及更高版本？} _我忘了。

Answer 3

您可以使用元标记明确告诉IE浏览器使用其最新的可用渲染引擎。 这也可以防止IE在重新发送页面时打开Quirks模式。

看看这个： http ： //technowide.net/2013/06/21/forcing-ie-browsers-to-behave-properly/

Answer 4

与无意义的生活在一起......

正如其他人所说的那样，不使用此标签会在地址栏中显示（至少在IE9中）兼容性视图图标（符号断页图标，在重新加载和停止旁边）。 还有完美的W3C验证<!DOCTYPE html> html5页面。 看到此图标可能会触发用户按下它。 这确实会导致怪癖模式，因此填充<=>宽度计算会更改为旧时代，并且页面看起来很糟糕。 （做得好，M $，这真的有帮助......）

因此，这个标签有助于抑制它。

google.com也使用边缘标志（虽然他们强烈主张'正确'html5，嗯？） nytimes.com不使用边缘标志。 并且-boom-有兼容性标志。

仔细看看html5推广网站... html5boilerplate.com没有图标，没有元标记，但因此它在http标题中。

简而言之：看起来没有好办法。一个非用户面，超级/丑陋的标志比面向用户的任何东西更好，有可能使你的页面看起来更糟或看似无效（作为最终用户，我会得出结论，无论什么时候提供各种'兼容性视图'） 。

Answer 5

您可以将其添加到.htacces中

<IfModule mod_headers.c>
    Header set X-UA-Compatible "IE=edge"
    # `mod_headers` can't match based on the content-type, however, we only
    # want to send this header for HTML pages and not for the other resources
    <FilesMatch "\.(appcache|crx|css|eot|gif|htc|ico|jpe?g|js|m4a|m4v|manifest|mp4|oex|oga|ogg|ogv|otf|pdf|png|safariextz|svgz?|ttf|vcf|webapp|webm|webp|woff|xml|xpi)$">
        Header unset X-UA-Compatible
    </FilesMatch>
</IfModule>

误解了<meta http-equiv=”X-UA-Compatible“ content=”IE=edge“>

问题描述

5 个解决方案

解决方案1
6 2013-07-04 10:14:57

解决方案2
6 已采纳 2014-02-27 06:21:33

解决方案3
2 2013-08-18 08:00:55

解决方案4
2 2014-01-03 08:20:38

解决方案5
1 2013-12-13 11:14:32

误解了<meta http-equiv=”X-UA-Compatible“ content=”IE=edge“>

问题描述

5 个解决方案

解决方案1 6 2013-07-04 10:14:57

解决方案2 6 已采纳 2014-02-27 06:21:33

解决方案3 2 2013-08-18 08:00:55

解决方案4 2 2014-01-03 08:20:38

解决方案5 1 2013-12-13 11:14:32

解决方案1
6 2013-07-04 10:14:57

解决方案2
6 已采纳 2014-02-27 06:21:33

解决方案3
2 2013-08-18 08:00:55

解决方案4
2 2014-01-03 08:20:38

解决方案5
1 2013-12-13 11:14:32