Question

我是使用modernizr的新手，但据我了解其基本用途，它可以检测浏览器的功能。在这篇SO帖子中：Request.Browser.Browser in chrome returning "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可以在请求标头中发送任何旧的UAS，具体取决于请求标头，页面元或企业站点模式列表中的x-ua设置。这是一个客户端习惯用法，它根据特征检测检测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（窗口中的'addEventListener'）//表示客户端浏览器至少使用IE9仿真或是“现代”浏览器。官方MS仅支持IE11（可以假设IE的较低版本的任何仿真模式）。有关浏览器版本支持的功能的完整列表，请参见caniuse.com。请记住，在IE中，您正在测试它假设的浏览器仿真模式中的功能支持（由x-ua header / meta或Enterprise Site Mode列表设置），而不是导航器对象中的版本号或版本号或更新版本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

使用modernizr检测Internet Explorer版本

2 个答案: