Richard Tyson

导航

document.compatMode 浏览器渲染模式判定利器

在加了DOCTYPE的页面document.compatMode输出CSS1Compat，不管加的是XHTML的还是HTML5的DOCTYPE。没有加的输出BackCompat。

BackCompat(Quirks Mode)

Standards-compliant mode is not switched on.

CSS1Compat(Standards Mode)

Standards-compliant mode is switched on.

参考文献

有了这个就可以清楚的知道浏览器工作在什么模式下，写出更兼容的代码。 

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>document.compatMode</title>
</head>
<body>
<script type="text/javascript">alert(document.compatMode)</script>
</body>
</html>

 

posted on 2014-10-17 22:34  tyson  阅读(150)  评论(0)  编辑  收藏  举报