IE9L自动将文档模式更改为IE7

时间:2012-12-05 01:41:23

标签: php javascript internet-explorer cross-browser internet-explorer-9

这是最糟糕的...由于某种原因,我的应用程序无法正常运行,因为它是IE9的IE9并自动将文档模式更改为IE7。

这是一个非常奇怪的情况,因为我的电脑不这样做。但似乎是那些将IE从7或8升级到9的人会得到这种行为......兼容模式?

我不知道如何确保IE正确呈现文档!

enter image description here

有关此事的更多信息......绝对是因为兼容模式。打开此模式时,上面的屏幕截图适用。但是当打开开发人员工具时,一切正常。


注意:我只是在某处读到IE无法处理console.log(),这可能就是问题!这可能吗?

4 个答案:

答案 0 :(得分:5)

尝试设置此元标记

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

我使用谷歌铬框架为IE8及以下与

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

另见http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspxhttp://456bereastreet.com/archive/201103/x-ua-compatible_and_html5

编辑:正如pocesar在评论中所说,你的doctype设置也不正确,应该是

<!doctype html>

答案 1 :(得分:2)

我的网站的文档模式由IE11自动更改为“IE5”。我能够解决以下问题,我希望这对某些人有用。

我无法解释原因,但如果我在<meta http-equiv="X-UA-Compatible" content="IE=edge" />之后放置元标记<meta name="viewport" content="width=device-width, initial-scale=1"> ,则没有任何反应,IE11会将我的网站呈现为IE5。

但是,如果我将<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 放在 <meta name="viewport" content="width=device-width, initial-scale=1">之前,它可以正常工作,我的网站的文档模式是最新的。

答案 2 :(得分:1)

你的doctype应该是

<!doctype html>

而非<!-- DOCTYPE html -->,无法使用UA-Compatible代码

另外,您应该将元标记放在

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

或在.htaccess

<IfModule mod_headers.c> 
  Header set X-UA-Compatible "IE=Edge,chrome=1" 
</IfModule>

(这些来自HTML5 Boilerplate http://html5boilerplate.com/

答案 3 :(得分:0)

console.log就是问题所在。显然IT只是不喜欢它在脚本中会死。删除对console.log的所有引用,一切顺利。