您现在的位置:首页 >> 前端 >> 内容

判断是否IE浏览器及版本的方法

时间:2018/6/14 11:21:03 点击:

  核心提示:判断是否IE浏览器及版本主要是三种方法,第一种是通过 if IE 条件注释语句,第二种是通过 @cc_on 条件编译结合 document.documentMode 属性来判断,第三种则是简单粗暴地通...

判断是否IE浏览器及版本主要是三种方法,第一种是通过 if IE 条件注释语句,第二种是通过 @cc_on 条件编译结合 document.documentMode 属性来判断,第三种则是简单粗暴地通过 JS 语句判断 navigator.userAgent 字符串。

一、通过 if IE 条件注释判断

优点:注释语句仅在IE浏览器执行,代码简单

缺点:仅支持到IE9,不支持IE10和IE11

用法:

[html] view plain copy

<!--[if IE]>你正在使用的是IE浏览器<![endif]-->  

[html] view plain copy

<!--[if IE 6]>你使用的是IE6浏览器,这是IE的过期版本,是时候升级了!<![endif]-->  

[html] view plain copy

<!--[if lte IE 9]>这段文字只会在IE9及(IE8/IE7/IE6/IE5等)以下版本显示<![endif]-->  

[html] view plain copy

<!--[if gte IE 8]>这段文字只会在IE8及(IE9)以上版本显示<![endif]-->  

二、通过 @cc_on 条件编译和 documentMode 属性判断

优点:可以判断IE的客户端版本(不受文档模式的影响),支持IE10

缺点:不支持IE11

用法:

/*@cc_on @*/  中的代码只会IE10以及更低版本IE中有效,其中有一个 @_jscript_version 变量是当前的IE的脚本版本,但版本号没有规律,下面的例子中可以看到不同IE版本对应版本号。

[html] view plain copy

<script>/*@cc_on alert("这个弹窗只会在IE5/6/7/8/9/10中弹出"); @*/</script>  

documentMode 是IE8开始提供的一个属性,用来获取当前的文档模式。

文档模式决定了IE怎样渲染网页,即高版本可以模拟低版本,例如可以实现用户使用IE10访问时模拟IE8访问,网页开发者可以通过X-UA-Compatible去规定文档模式。

注意:IE浏览器会根据网页标签的规范程序去决定是否启用IE7兼容模式,所以,如果你想IE总是用最高内核来渲染网页就必须使用X-UA-Compatible去规定。

[html] view plain copy

<script>  

if (!! document.documentMode) {  

    alert('当前浏览器是IE且版本介于8/9/10/11之间,文档模式是:' + document.documentMode);  

    // 注意,虽然 documentMode 是IE8才开始有,但是documentMode最低可以是7是5,因为可以模拟低版本  

} else {  

    alert('当前IE版本低于IE8,或不是IE');  

}  

</script>  

以文档模式为准判断IE浏览器版本:

[html] view plain copy

<script>  

    var iever = 0;  

    var _jsver = 0;  

    /*@cc_on  

        _jsver = @_jscript_version;  

    @*/  

    if (_jsver == 0) {  

        // IE11 或者不是 IE  

          

        if (!!window.MSInputMethodContext && !!document.documentMode) {  

            iever = 11;  

        }  

    } else {  

        var docmode = document.documentMode;  

        if (!! docmode && docmode > 5) {  

            iever = docmode;  

        } else if (_jsver == 5.7 && window.XMLHttpRequest) {  

            iever = 7;  

        } else if (_jsver == 5.6 || (_jsver == 5.7 && !window.XMLHttpRequest)) {  

            iever = 6;  

        } else {  

            iever = 5;  

        }  

    }  

      

    if (iever > 0) {  

        alert("当前(以文档模式为准)IE版本是:" + iever);  

    } else {  

        alert("当前不是IE浏览器");  

    }  

</script>  

以客户端版本为准判断IE浏览器版本:

[html] view plain copy

<script>  

    var iever = 0;  

    var _jsver = 0;  

    /*@cc_on  

        _jsver = @_jscript_version;  

    @*/  

    if (_jsver == 0) {  

        // IE11 或者不是 IE  

          

        if (!!window.MSInputMethodContext && !!document.documentMode) {  

            iever = 11;  

        }  

    } else {  

        if (_jsver >= 9) {  

            iever = _jsver;  

        } else if (_jsver == 5.8) {  

            iever = 8;  

        } else if (_jsver == 5.7 && window.XMLHttpRequest) {  

            iever = 7;  

        } else if (_jsver == 5.6 || (_jsver == 5.7 && !window.XMLHttpRequest)) {  

            iever = 6;  

        } else {  

            iever = 5;  

        }  

    }  

      

    if (iever > 0) {  

        alert("当前(以客户版本为准)IE版本是:" + iever);  

    } else {  

        alert("当前不是IE浏览器");  

    }  

</script>  

决定用户看到的网页效果的是文档模式,所以一般提示浏览器升级是以文档模式为准。if IE 条件注释语句也是以文档模式为准,如果IE11的文档模式被设置为IE9,那么 if lte IE 9 也会生效。

三、通过 navigator.userAgent 字符串判断

UA字符串可以随意变动,这是不建议使用的方法,不作过多介绍。值得一提的是,IE11和旧版IE的UA特征不一样,IE10等旧版IE的特征 MSIE + 版本号,例如 MSIE 10.0 ,而IE11则是 Trident/7.0; rv:11.0 这样。

四、提示旧版IE用户升级浏览器

2014年微软已放弃对IE8等旧版IE的支持和安全性更新,2016年微软已放弃对IE10等旧版IE的支持和安全性更新,至今,只剩一个IE11引导用户向新一代浏览器Edge过渡。

IE10及更旧版提示升级(使用只有IE10和旧版IE才支持 @cc_on 条件编译语句实现)

[html] view plain copy

<script>/*@cc_on window.location.href="https://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>  

IE9及更旧版提示升级(使用IE9和旧版IE支持 if IE 条件注释语句实现)

[html] view plain copy

<!--[if lte IE 9]><script>window.location.href="https://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href);</script><![endif]-->  

IE8及更旧版提示升级(使用IE9和旧版IE支持 if IE 条件注释语句实现)

[html] view plain copy

<!--[if lte IE 8]><script>window.location.href="https://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href);</script><![endif]-->  

作者:网络 来源:y525794266