20

当我通过 javascript 在网站上时,有谁知道如何检查 IE 11 兼容模式是否打开?

我将 url 添加到列表兼容性视图设置中。但是当我这样做时

navigator.userAgent

在开发者工具中,它返回

Mozilla/5.0(Windows NT 6.3;WOW64;Trident/7.0;.NET4.0E;.NET4.0C;.NET CLR 3.5.30729;.NET CLR 2.0.50727;.NET CLR 3.0.30729;InfoPath.3;rv :11.0) 喜欢壁虎

查看微软网站(http://msdn.microsoft.com/en-us/library/ie/hh869301(v=vs.85).aspx),它说

兼容(“compatible”)和浏览器(“MSIE”)令牌已被删除。

任何有关通过 javascript 检测页面是否使用兼容性视图的帮助都会非常有帮助。提前致谢。

4

7 回答 7

26

解决了

在自己寻找这个问题的答案时,我在另一个线程中找到了 Nenad Bulatovic 的这个解决方案,但他的回答没有被标记为正确答案。我在 IE11 中对此进行了测试并降级到 IE5,发现它适用于 IE7-IE11,这很棒。我想在这里分享它,以防其他人发现它有用。

即检查.js

function trueOrFalse() {
    return true;
}

function IeVersion() {
    //Set defaults
    var value = {
        IsIE: false,
        TrueVersion: 0,
        ActingVersion: 0,
        CompatibilityMode: false
    };

    //Try to find the Trident version number
    var trident = navigator.userAgent.match(/Trident\/(\d+)/);
    if (trident) {
        value.IsIE = true;
        //Convert from the Trident version number to the IE version number
        value.TrueVersion = parseInt(trident[1], 10) + 4;
    }

    //Try to find the MSIE number
    var msie = navigator.userAgent.match(/MSIE (\d+)/);
    if (msie) {
        value.IsIE = true;
        //Find the IE version number from the user agent string
        value.ActingVersion = parseInt(msie[1]);
    } else {
        //Must be IE 11 in "edge" mode
        value.ActingVersion = value.TrueVersion;
    }

    //If we have both a Trident and MSIE version number, see if they're different
    if (value.IsIE && value.TrueVersion > 0 && value.ActingVersion > 0) {
        //In compatibility mode if the trident number doesn't match up with the MSIE number
        value.CompatibilityMode = value.TrueVersion != value.ActingVersion;
    }
    return value;
}

即检查.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Testing IE Compatibility Mode</title>
    <script src="iecheck.js" type="text/javascript"></script>
</head>
<body>
<div id="results">Results: </div>
</br>
<script type="text/javascript">

var ie = IeVersion();

document.write("IsIE: " + ie.IsIE + "</br>");
document.write("TrueVersion: " + ie.TrueVersion + "</br>");
document.write("ActingVersion: " + ie.ActingVersion + "</br>");
document.write("CompatibilityMode: " + ie.CompatibilityMode + "</br>");

</script>
</body>
</html>

来源:检测IE10兼容模式

于 2016-01-21T16:19:30.227 回答
8

为此,我编写了一个 JavaScript 函数ie-truth。它的工作原理是,在 IE 11 中,如果打开兼容模式,用户代理字符串将包含 IE 11 (7.0) 的 Trident 版本号以及旧版本 IE 的 MSIE 版本号(例如 IE 的 7.0 7)。这也适用于旧版本 IE 中的兼容模式。

于 2015-02-05T14:21:31.507 回答
7

Add this to web.config file and application will overwrite user's setting.

<configuration>
  ...
  <system.webServer>
    ...
    <httpProtocol>
        <customHeaders>
          <clear/>
          <add name="X-UA-Compatible" value="IE=8; IE=9; IE=EDGE" />
        </customHeaders>
    </httpProtocol>
    ...
  </system.webServer>
  ...
</configuration>

Place the "system.webServer" tag at the end of your web.config file just before the closing "configuration" tag. Additionally, you can add the X-UA-Compatible tag in IIS on your webserver by selecting your website and clicking on the HTTP Response Headers icon.

于 2016-12-12T12:14:12.957 回答
1

我建议使用功能检测而不是间接查询浏览器版本。因此,例如,如果您需要 HTML 5 历史 API 功能,请执行以下操作:

if (window.history && window.history.pushState) {
    console.log('This is a SUPPORTED browser');
} else {
    console.log('NO! You require a browser that does X, please try installing ...');
}
于 2016-10-12T02:09:13.397 回答
1

您可以编辑可靠解决方案适用于 Internet Explorer 8 到 11(需要额外的代码来支持 < IE8)。

讨厌的副作用(仅当 IE < 11 或 documentMode < 11 -- 哎哟):

  • 这将导致问题//@ sourceMappingURL=xx.js例如,在 jQuery < 1.11 中,或其他尚未更新为新//#格式的库中)。
  • 显然,@cc_on 大大减慢了 js 评估(知道他的东西的保罗爱尔兰人)。

它起作用的基本原因是:

var ieRealVersion = Function('return /*@cc_on @_jscript_version@*/;')();

无论兼容模式如何,都返回 IE 的真实版本。笔记:

  • ieRealVersion 在 IE11 模式下未定义 IE11,但 document.documentMode == 11 在这种情况下。
  • ieRealVersion 对于 IE8 是 5.8。
  • ieRealVersion 对于 IE7 是 5.7,对于 IE6 SP3 也是 5.7。但是 documentMode 是未定义的,因此您需要额外的代码来检测实际的浏览器(相当简单,但我不再支持 IE6/7,所以我没有费心编写代码)。
  • 这是一种可靠的嗅探 Internet Explorer 6-10 的方法,我已经使用了多年,没有任何问题(但由于@cc_on,这给其他人带来了问题)。
于 2015-10-07T22:53:08.973 回答
0

根据IE Compatibility Cookbook的用户代理文章,有一种方法可以告诉您是否启用了兼容模式,但前提是用户代理字符串配合使用。

具体来说,如果浏览器令牌表示MSIE 7.0并且 Trident 令牌表示Trident/7.0,这是一个非常明确的指示。尽管如此,自 IE11 RTM 以来对 UA 字符串的更改表明您不能(也不应该)将其作为未来版本的可预测资源。

要了解有关各个令牌的更多信息,请参阅了解用户代理字符串主题。(它并不完全是最新的,但似乎与您的兴趣相关。)

希望这可以帮助...

——兰斯

于 2015-01-18T08:39:58.413 回答
0

一个简单的解决方案,在控制台中尝试:

if (typeof(window.getSelection) == "undefined") {
   alert("Unsupported browser!");
} else {
   alert("Supported browser");
}

将检测任何低于 IE9 的 IE(包括兼容性视图)。还会根据 caniuse 检测 Chrome 4-14。

IE 6-8:支持选择事件,但不支持 window.getSelection() 参考:https ://caniuse.com/#feat=selection-api

于 2019-01-03T17:41:17.897 回答