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>

 

你可能感兴趣的:(document)