使用modernizr检测Internet Explorer版本

Question

我对使用modernizr并不陌生，但据我所知，它的基本用途是，它可以检测浏览器的功能。 在此SO Post： chrome中的Request.Browser.Browser返回“ IE”的第一个答案中，这意味着可以在后面的代码中完成此操作。

 string s = "Browser Capabilities\n"
            + "Type = " + browser.Type + "\n"
            + "Name = " + browser.Browser + "\n"
            + "Version = " + browser.Version + "\n"
            + "Major Version = " + browser.MajorVersion + "\n"
            + "Minor Version = " + browser.MinorVersion + "\n"
            + "Platform = " + browser.Platform + "\n"
            + "Is Beta = " + browser.Beta + "\n"
            + "Is Crawler = " + browser.Crawler + "\n"
            + "Is AOL = " + browser.AOL + "\n"
            + "Is Win16 = " + browser.Win16 + "\n"
            + "Is Win32 = " + browser.Win32 + "\n"
            + "Supports Frames = " + browser.Frames + "\n"
            + "Supports Tables = " + browser.Tables + "\n"
            + "Supports Cookies = " + browser.Cookies + "\n"
            + "Supports VBScript = " + browser.VBScript + "\n"
            + "Supports JavaScript = " +
                browser.EcmaScriptVersion.ToString() + "\n"
            + "Supports Java Applets = " + browser.JavaApplets + "\n"
            + "Supports ActiveX Controls = " + browser.ActiveXControls
                  + "\n"
            + "Supports JavaScript Version = " +
                browser["JavaScriptVersion"] + "\n"; 

这也可以在Modernizr中本地完成，还是有类似的功能可以完成预期的任务？

更新：澄清一下，这样做的目的是为了能够检测Internet Explorer的某些版本号，以使用户知道他们使用的是不受支持的浏览器版本，以使他们不会到达出现故障的位置一个问题。

Answer 1

UserAgent Sniffing不好，因为IE可以根据请求标头，页面元或企业站点模式列表中的x-ua设置在请求标头中发送任何旧的UAS。 这是一个基于功能检测的客户端惯用法，用于检测IE仿真模式。

function getIEVersion(odoc){
if (odoc.body.style.scrollbar3dLightColor!=undefined)
    {
    if (!!win.WebGLRenderingContext) {return 'IE11';}
    else if (odoc.body.style.msGridRows!=undefined) {return 'IE10';}
    else if (odoc.body.style.opacity!=undefined) {return 'IE9';}
    else if (odoc.body.style.msBlockProgression!=undefined) {return 'IE8';}
    else if (odoc.body.style.msInterpolationMode!=undefined) {return 'IE7';}
    else if (odoc.body.style.textOverflow!=undefined) {return 'IE6'}
    else {return 'IE5.5 or lower';}
    }
}

用法：var EmulationVersion = getIEVersion（document）;

使用开发工具的“仿真”选项卡更改要测试的IE11或更低版本的仿真模式。 在“仿真”选项卡上，您还可以自定义请求UserAgent字符串，以测试任何服务器端浏览器上限假设。

通用功能测试是if（'window'中的'addEventListener'）//，它指示客户端浏览器至少使用IE9仿真或为“现代”浏览器。 正式地，MS仅支持IE11（可以采用IE较低版本的任何仿真模式）。 有关浏览器版本支持的功能的完整列表，请参见caniuse.com。 记住，在IE中，您正在假设它是在浏览器“仿真模式”中测试功能支持（由x-ua标头/元或企业站点模式列表设置），而不是其在导航器对象中的版本号或版本号或更新版本KB关于菜单中的数字。

Answer 2

由于某些时间限制，我不得不使用另一种方法来解决此问题。 我们决定进行Javascript检查，以查看问题的根源。 如果将来有人需要解决类似的问题，我会发布我的成功结果。

ar version = detectIE();

if (version === false) {
    document.getElementById('result').innerHTML = '<s>IE/Edge</s>';
} else if (version >= 12) {
    document.getElementById('result').innerHTML = 'Edge ' + version;
} else {
    document.getElementById('result').innerHTML = 'IE ' + version;
    if (version == 11) {
        ('#browserNotSupported').modal('show')
        alert('This is still firing')
    }
    console.log(version)
}


// add details to debug result
//document.getElementById('details').innerHTML = window.navigator.userAgent;

/**
 * detect IE
 * returns version of IE or false, if browser is not Internet Explorer
 */
function detectIE() {
    var ua = window.navigator.userAgent;


    var msie = ua.indexOf('MSIE ');
    if (msie > 0) {
        // IE 10 or older => return version number
        return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
    }

    var trident = ua.indexOf('Trident/');
    if (trident > 0) {
        // IE 11 => return version number
        var rv = ua.indexOf('rv:');
        return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
    }

    var edge = ua.indexOf('Edge/');
    if (edge > 0) {
        // Edge (IE 12+) => return version number
        return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);
    }

    // other browser
    return false;
}

在此地址找到： https : //codepen.io/gapcode/pen/vEJNZN