除了按F12进入开发人员工具来查看当前页面的浏览器模式和文档模式以外, 还可以通过js来查看当前页面使用的文档模式, 主要就是用文档兼容性模式属性(documenMode)来判断.
代码如下:
<html>
<head>
<title>my documentmode version is </title>
<META http-equiv="X-UA-Compatible" content="IE=7" > </META>
<script language="javascript">
function Demo() {
alert(document.title + " " + document.documentMode);
}
</script>
</head>
<BODY onload="Demo()">
</BODY>
</html>
为了模拟不同的ie版本, 在title下面添加<META http-equiv="X-UA-Compatible" content="IE=7" > </META>, 须放在紧挨着title下面的一行.
当设置IE=7时, documentMode=7; 如果IE=8, documentMode=8; 如果是IE9, 则documentMode=9
如果当前机器上安装的是ie9, 即使你把它改为IE=10, documentMode也还是等于9; 如果设置IE=5或者IE=6, 则documentMode始终等于5, 也就是怪异Quirks模式.
参考文档:
1.documentMode property
http://msdn.microsoft.com/en-us/library/ie/cc196988(v=vs.85).aspx
2.Document documentMode Property
http://www.w3schools.com/jsref/prop_doc_documentmode.asp
3.IE的documentMode属性
http://www.css88.com/archives/4768