如何通过javascript获取兼容的视图状态答案

【问题标题】：how to get compatible view status by javascript如何通过javascript获取兼容的视图状态
【发布时间】：2013-09-21 10:31:40
【问题描述】：

我的网页在 IE 中的兼容视图模式存在问题。我将向用户显示他们的浏览器处于兼容视图中的警报，以便修复它。

我的问题是：有没有办法通过 java 脚本获得兼容的视图状态（打开或关闭）？

【问题讨论】：

Differentiate IE7 browser and browser in IE7 compatibility mode 的可能重复项

标签： javascript html internet-explorer

【解决方案1】：

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

这会禁用兼容性视图

【讨论】：

正是我一直在寻找的！

【解决方案2】：

document.compatMode 可用于检查兼容性模式，并且显然可以跨浏览器工作（已通过 IE、Chrome、Firefox 验证）：

例如，标准模式：

<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<title></title>
<script>
window.onload = function() {
    var navigator = window.navigator;
    info.firstChild.data =
        "\n navigator.userAgent: " + navigator.userAgent +
        "\n document.compatMode: " + document.compatMode;
}
</script>
</head>
<body>
<pre id="info">&nbsp;</pre>
</body>

输出：

navigator.userAgent：Mozilla/5.0（兼容；MSIE 10.0；Windows NT 6.2；WOW64；Trident/6.0；.NET4.0E；.NET4.0C；.NET CLR 3.5.30729；.NET CLR 2.0.50727；.NET CLR 3.0.30729；媒体中心 PC 6.0；平板电脑 2.0) document.compatMode: CSS1Compat

兼容模式：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "">
<head>
<title></title>
<script>
window.onload = function() {
    var navigator = window.navigator;
    info.firstChild.data =
        "\n navigator.userAgent: " + navigator.userAgent +
        "\n document.compatMode: " + document.compatMode;
}
</script>
</head>
<body>
<pre id="info">&nbsp;</pre>
</body>

输出：

【讨论】：