如何在 Asp.net 中使用 javascript 检测 IE 11

Question

您好，我想检测浏览器，IE 8 或更高版本适合我。为此，我使用了以下代码，但 IE 11 失败。对于其他正确检测。

function getInternetExplorerVersion()
{
    var rv = -1; // Return value assumes failure.
    if (navigator.appName == 'Microsoft Internet Explorer') {
        var ua = navigator.userAgent;
        var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
        if (re.exec(ua) != null)
            rv = parseFloat(RegExp.$1);
    }
    return rv;
}

下面是我也试过但没成功的链接。

Answer 1

您可以通过以下检查（使用特征检测）明确检测 IE11：

if (Object.hasOwnProperty.call(window, "ActiveXObject") && !window.ActiveXObject) {
    // is IE11
}

解释：所有版本的 IE（除了非常旧的版本）都有 window.ActiveXObject 属性存在。然而，IE11 对 DOM 隐藏了该属性，并且该属性现在未定义。但是属性本身存在于对象中，因此检查属性是否存在在所有 IE 版本中都返回 true，但在 IE11 中它也返回 false 进行第二次检查。 最后，hasOwnProperty 是通过 Object 调用的，因为在 IE8 中（我之前相信）window 不是 instanceof Object 并且没有 hasOwnProperty 方法。

另一种方法，使用 userAgent 字符串：

var ua = window.navigator.userAgent;
var versionSplit = /[\/\.]/i;
var versionRe = /(Version)\/([\w.\/]+)/i; // match for browser version
var operaRe = /(Opera|OPR)[\/ ]([\w.\/]+)/i;
var ieRe = /(?:(MSIE) |(Trident)\/.+rv:)([\w.]+)/i; // must not contain 'Opera'
var match = ua.match(operaRe) || ua.match(ieRe);
if (!match) {
    return false;
}
if (Array.prototype.filter) {
    match = match.filter(function(item) {
        return (item != null);
    });
} else {
    // Hello, IE8!
    for (var j = 0; j < match.length; j++) {
        var matchGroup = match[j];
        if (matchGroup == null || matchGroup == '') {
            match.splice(j, 1);
            j--;
        }
    }
}
var name = match[1].replace('Trident', 'MSIE').replace('OPR', 'Opera');
var versionMatch = ua.match(versionRe) || match;
var version = versionMatch[2].split(versionSplit);

如果其 userAgent 字符串未被欺骗，这将检测任何版本的 IE。

在极少数情况下，您实际上需要如上所述使用浏览器检测。 在大多数情况下，特征检测方法更可取。

Answer 2

 isIE11 = !!window.MSStream;

 if(isIE11){
   /* Something */
 }

Answer 3

使用!(window.ActiveXObject) && "ActiveXObject" in window 明确检测IE11。

要检测任何 IE 版本，请改用window.ActiveXObject || "ActiveXObject" in window。

Answer 4

如前所述 - 不要进行浏览器检测，而是进行特征检测。但是，正如我所见，您的脚本是在此处流传的脚本的旧版本。 这是检测 IE 11 aswel 的更新版本：

function getInternetExplorerVersion()
                            {
                                var rv = -1;
                                if (navigator.appName == 'Microsoft Internet Explorer')
                                {
                                    var ua = navigator.userAgent;
                                    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
                                    if (re.exec(ua) != null)
                                        rv = parseFloat( RegExp.$1 );
                                }
                                else if (navigator.appName == 'Netscape')
                                {
                                    var ua = navigator.userAgent;
                                    var re  = new RegExp("Trident/.*rv:([0-9]{1,}[\.0-9]{0,})");
                                    if (re.exec(ua) != null)
                                        rv = parseFloat( RegExp.$1 );
                                }
                                return rv;
                            }

Answer 5

如果您避免浏览器检测，对您会更好；如果您需要，这里是 MS 团队的一个很好的解释：

在极少数情况下，可能需要唯一标识 IE11 Preview。使用Trident 令牌这样做

用户代理字符串更改

对于许多遗留网站，其中一些最 IE11 Preview 的可见更新涉及用户代理字符串。这里是 Windows 8.1 Preview 上的 IE11 Preview 报告的内容：JavaScript

Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) 像 Gecko

与以前版本的 Internet Explorer 一样，部分用户代理 字符串因环境而异。这是 IE11 的字符串 在 Windows 7 上预览：JavaScript

Mozilla/5.0 (Windows NT 6.1; Trident/7.0; rv:11.0) 像 Gecko

如果您将这些字符串与早期版本报告的字符串进行比较 在 Internet Explorer 中，您会发现以下变化： 兼容（“兼容”）和浏览器（“MSIE”）令牌已 删除。添加了“like Gecko”标记（为了与 其它浏览器）。浏览器的版本现在由一个新的报告 修订（“rv”）令牌。这些更改有助于防止 IE11 预览 被（错误地）识别为早期版本。一般来说，你 应避免检测特定浏览器或浏览器版本。这 此类测试的假设往往会导致误报 更新浏览器时的结果。相反，在您检测功能时 需要它们并使用渐进增强来提供简化的 不支持这些功能的浏览器或设备的体验 你需要。在极少数情况下，可能需要唯一标识 IE11 预习。使用 Trident 令牌这样做

链接：http://msdn.microsoft.com/en-us/library/ie/bg182625(v=vs.85).aspx

Answer 6

更简单高效的代码和检测所有版本的IE/Edge：

if(navigator.appVersion.indexOf("MSIE") != -1 || navigator.appVersion.indexOf("Trident") != -1 || navigator.appVersion.indexOf("Edge") != -1){
// is IE
}

Answer 7

我最近使用以下代码来检测一般的 IE，它在 IE 11 上也能正常工作

var bs = document.body.style, isIE=false;
if ('msTransition' in bs) {
        isIE = true;
}

这个想法是寻找 vedor 前缀。

Answer 8

“使用特征检测”的口号让我很困惑。当您遇到错误时，您如何确定罪魁祸首是什么“功能”？以这段代码为例：

        $('input[name^=qty]').keyup(function(e) {
            if (this.value.match(/[^0-9\/]*/g)) {
                this.value = this.value.replace(/[^0-9\/]/g, '')
            }
        });

当用户键入时，它会从输入字段中删除非数字字符。适用于 FF、Chrome 和 Safari。不适用于任何版本的 IE（最多 11 个）：输入字段上的任何后续绑定都将失败。

Answer 9

特征检测、特征检测、特征检测

        <script>

    if (!('querySelector' in document)  //this should work in ie 9+
         || !('localStorage' in window)  //ie 8+
         || !('addEventListener' in window)  //ie 8 + (I think)
        || !('matchMedia' in window)) {//ie 10+

        //do your redirect here
    }

</script>

Answer 10

不要做浏览器检测！它会坏掉，给你带来麻烦。

IE11 的用户代理字符串与之前的 IE 版本完全不同；它不再包含“MSIE”文本。这就是您的检测代码不起作用的原因。

需要注意的是，他们这样做是故意的。他们想要像这样破坏浏览器检测脚本。

可以更改您的代码以使用 IE11，但我强烈建议不要这样做，因为当 IE12 出现时，您可能会再次遇到同样的问题。

那么他们为什么要破坏浏览器检测脚本呢？简单：因为IE11没有以前版本的bug，而且有很多新特性。因此，如果您因为 IE 存在某些错误或缺少功能而进行浏览器检测，并且您有代码可以根据浏览器检测来修复这些问题，那么该代码实际上可能会在不需要修复的 IE11 中导致更严重的问题。

IE11 破坏了你的脚本，但同样的逻辑适用于所有浏览器和所有版本；检测浏览器和版本几乎总是错误的做法。

如果您想支持某些特定功能，但在旧版 IE（或其他旧版浏览器）中缺少，请不要使用浏览器检测来解决问题；您应该改用特征检测。

功能检测意味着检查浏览器以查看它是否支持您要使用的特定功能。最常见的方法是使用Modernizr 库。他们网站上的文档将指导您完成设置。

旧版 IE 中存在一些难以检测的 bug，对于这少数情况，将浏览器检测作为最后手段是有效的，但这些情况实际上仅适用于 IE6 及更早版本。也许偶尔为IE7。但是您在问题中表示您只查看 IE8 及更高版本，因此不适用。

坚持特征检测；它更可靠，更好的实践，并且不会在新的浏览器版本发布时突然中断。