如何在IE中禁用兼容性视图
我想知道如何阻止使用IE 8的用户进入兼容模式?
<meta http-equiv="X-UA-Compatible" content="IE=8" />
我发现这个标签,我认为这迫使人们留在IE-8模式,但我不太确定,不能检查,因为我有IE 9。
如果人们在IE 9模式,我强迫他们不要进入IE 8或IE 7兼容模式?
我试图把上面的代码放到我的代码中,然后去了IE 9 – > Tools – > Compatibility View(Grayed Out)
但“兼容性视图设置”没有变灰,看来你可以通过那里添加网站。
所以应该不禁用?
<meta http-equiv="X-UA-Compatible" content="IE=8" />
应该强制你的页面在IE8标准中呈现。 用户可以将该网站添加到兼容性列表中,但该标签将优先。
快速检查的方法是加载页面并input以下地址栏:
javascript:alert(navigator.userAgent)
如果在string中看到IE7,则以兼容模式加载,否则不加载。
所有你需要的是强制在IE中禁用CM – 只需粘贴此代码(在IE9和厘米将被禁用):
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
资料来源: http : //twigstechtips.blogspot.com/2010/03/css-ie8-meta-tag-to-disable.html
这应该足以迫使IE
用户在任何IE
版本中删除兼容模式:
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
但是,应该注意一些注意事项:
- 上面的meta标签应该包含在
<head>
下的第一个标签 。 只有<title>
标签可以放在它的上面。
如果不这样做, IE9
开发工具将会出现错误: X-UA-Compatible META tag ignored because document mode is already finalized.
-
如果你想要这个标记validation,请确保你记得用
/>
而不是>
closuresmeta
标记。 -
从
IE11
开始,边缘模式是首选的文档模式。 要支持/启用,请使用HTML5文档types声明<!doctype html>
。 -
如果您需要在
IE7
上支持webfonts,请确保使用<!DOCTYPE html>
。 我testing了它,发现在使用<!doctype html>
时,在IE7
上渲染webfonts变得相当不可靠。
谷歌浏览器框架的使用很受欢迎,但不幸的是,这个月将在2014年1月的某个时候放弃。
<meta http-equiv="X-UA-Compatible" content="IE=EDGE,chrome=1">
广泛的相关信息在这里 。 关于使用它作为第一个元标记的提示是在这里已经更新的前面提到的来源。
如果您使用的是ASP.NET MVC,我在_Layout的代码块中find了Response.AddHeader("X-UA-Compatible", "IE=edge,chrome=1")
,
@Code Response.AddHeader("X-UA-Compatible", "IE=edge,chrome=1") End Code <!DOCTYPE html> everything else
FelixFett给出的答案为我工作。 重申:
<meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8; IE=7; IE=EDGE" />
我把它作为我的代码中的第一个“meta”标签。 我添加了10和11,因为那些是现在为Internet Explorer发布的版本。
我会刚刚评论他的答案,但我没有足够的声誉…
在Apache中实现此目的的另一种方法是将.htaccess
中的以下行放在网站的根文件夹(或Apache的configuration文件中)中。
BrowserMatch "MSIE" isIE BrowserMatch "Trident" isIE Header set X-UA-Compatible "IE=edge" env=isIE
这就要求你启用mod_headers
和mod_setenvif
模块。
额外的HTTP头只能被发送到IE浏览器,而没有其他的。
在JSF中我使用了:
<h:head> <f:facet name="first"> <meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> </f:facet> ... other meta tags ... </h:head>
向页面添加标签不会控制Internet控制面板中的UI(select“工具” – >“选项”时出现的对话框)。 如果您正在查看可能是google.com,msn.com,about:blank或example.com的主页,则Internet控制面板无法知道您网页的内容可能是什么,并且不会下载它在后台。
查看MSDN上的这个文档 ,讨论了兼容模式以及如何closures您的网站。