js判断浏览器版本

2021-05-06 17:28

阅读:506

标签:alt   $1   bsp   技术   msi   ima   navigator   image   opera   

不考虑对 IE9 以下浏览器的判断

function getBrowserType(){
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    var browser=‘unknown‘;
    if (userAgent.indexOf("IE")!=-1) {
        browser="IE";
    }else if(userAgent.indexOf(‘Firefox‘)!=-1){
        browser="Firefox";
    }else if(userAgent.indexOf(‘OPR‘)!=-1){
        browser="Opera";
    }else if(userAgent.indexOf(‘Chrome‘)!=-1){
        browser="Chrome";
    }else if(userAgent.indexOf(‘Safari‘)!=-1){
        browser="Safari";
    }else if(userAgent.indexOf(‘Trident‘)!=-1){
        browser=‘IE 11‘;
    }
    return browser;
}

测试

技术图片

判断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版本
            return 6
        }
    } else if (isEdge) {
        // edge
        return ‘edge‘
    } else if (isIE11) {
        // IE11
        return 11
    } else {
        // 不是ie浏览器
        return -1
    }
}

 

js判断浏览器版本

标签:alt   $1   bsp   技术   msi   ima   navigator   image   opera   

原文地址:https://www.cnblogs.com/aeolian/p/12095763.html

上一篇:[ThinkPHP]5-Rce

下一篇:css居中的一些方法


评论


亲,登录后才可以留言!