js判断IE浏览器的版本

逃离我推掉我的手 2022-11-26 09:46 288阅读 0赞

# js判断IE浏览器的版本 #

由于项目不支持低版本IE，为了更好的用户体验，对使用低版本IE访问项目的用户，我们需要给他们展示一个温馨提示的页面。这就需要判断用户使用的IE版本，从网上借鉴了一个方法（原文可见参考文献）：

// 获取IE版本
    function IEVersion() {
        // 取得浏览器的userAgent字符串
        var userAgent = navigator.userAgent;
        // 判断是否为小于IE11的浏览器
        var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1;
        // 判断是否为IE的Edge浏览器
        var isEdge = userAgent.indexOf('Edge') > -1 && !isLessIE11;
        // 判断是否为IE11浏览器
        var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1;
        if (isLessIE11) {
            var IEReg = new RegExp('MSIE (\\d+\\.\\d+);');
            // 正则表达式匹配浏览器的userAgent字符串中MSIE后的数字部分，，这一步不可省略！！！
            IEReg.test(userAgent);
            // 取正则表达式中第一个小括号里匹配到的值
            var IEVersionNum = parseFloat(RegExp['$1']);
            if (IEVersionNum === 7) {
                // IE7
                return 7
            } else if (IEVersionNum === 8) {
                // IE8
                return 8
            } else if (IEVersionNum === 9) {
                // IE9
                return 9
            } else if (IEVersionNum === 10) {
                // IE10
                return 10
            } else {
                // IE版本<7
                return 6
            }
        } else if (isEdge) {
            // edge
            return 'edge'
        } else if (isIE11) {
            // IE11
            return 11
        } else {
            // 不是ie浏览器
            return -1
        }
    }

切记：不要直接将函数中var改成let后在IE下执行，否则会提示错误，如果想将函数中的var换成let，需要使用babel-polyfill处理。

参考文献：

\[1\] [js判断是否是ie浏览器且给出ie版本][js_ie_ie]  
\[2\] [正则表达式中$1,$2 ===算是什么意思][1_2]

[js_ie_ie]: https://www.cnblogs.com/XCWebLTE/archive/2017/06/15/7017338.html
[1_2]: https://www.cnblogs.com/wanshutao/p/3750096.html