检查IE 10

Question

如果用户使用IE 10，如何在页面加载时显示消息框？

function ieMessage() {
    alert("Hello you are using I.E.10");
}

我的网页是一个JSF facelet（XHTML）。

Answer 1

在没有条件注释且没有用户代理嗅探的情况下检测此方法的真正方法是使用条件编译：

<script type="text/javascript">
    var isIE10 = false;
    /*@cc_on
        if (/^10/.test(@_jscript_version)) {
            isIE10 = true;
        }
    @*/
    console.log(isIE10);
</script>

运行此代码后，您可以在以下任何时间使用以下内容：

if (isIE10) {
    // Using Internet Explorer 10
}

参考：How can I detect IE10 from JS when browser mode is IE9?

---

<强>更新

为避免缩小评论，您可以使用以下内容：

var IE = (function () {
    "use strict";

    var ret, isTheBrowser,
        actualVersion,
        jscriptMap, jscriptVersion;

    isTheBrowser = false;
    jscriptMap = {
        "5.5": "5.5",
        "5.6": "6",
        "5.7": "7",
        "5.8": "8",
        "9": "9",
        "10": "10"
    };
    jscriptVersion = new Function("/*@cc_on return @_jscript_version; @*/")();

    if (jscriptVersion !== undefined) {
        isTheBrowser = true;
        actualVersion = jscriptMap[jscriptVersion];
    }

    ret = {
        isTheBrowser: isTheBrowser,
        actualVersion: actualVersion
    };

    return ret;
}());

并访问IE.isTheBrowser和IE.actualVersion等属性（从JScript版本的内部值转换而来）。

Answer 2

通常，最好避免使用用户代理嗅探和条件编译/注释。最好使用feature detection，graceful degradation和progressive enhancement代替。但是，对于开发人员更方便检测浏览器版本的少数边缘情况，您可以使用以下代码片段：

此if语句仅在IE 10上执行

// IF THE BROWSER IS INTERNET EXPLORER 10
if (navigator.appVersion.indexOf("MSIE 10") !== -1)
{
    window.alert('This is IE 10');
}

此if语句仅在IE 11上执行

// IF THE BROWSER IS INTERNET EXPLORER 11
var UAString = navigator.userAgent;
if (UAString.indexOf("Trident") !== -1 && UAString.indexOf("rv:11") !== -1)
{
    window.alert('This is IE 11');
}

http://jsfiddle.net/Qz97n/

Answer 3

这是获取当前IE或IE版本的方法：

function IE(v) {
  return RegExp('msie' + (!isNaN(v)?('\\s'+v):''), 'i').test(navigator.userAgent);
}

以下是如何使用它：

if(IE())   alert('Internet Explorer!');
if(IE(10)) alert('Internet Explorer 10!');