js获取浏览器版本号

最新推荐文章于 2024-12-28 08:00:29 发布

原创最新推荐文章于 2024-12-28 08:00:29 发布 · 4k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript来检测浏览器类型及其版本的方法，适用于解决浏览器兼容性问题。文中提供了两个实用函数，分别用于获取浏览器名称及同时获取名称与版本号。

前言（日常废话）

本篇记录通过js获取浏览器及其版本号，经过测试可用。主要用于在做浏览器兼容时，对不同浏览器进行不同操作。
国产浏览器特别说明：
因为其判断依据主要是浏览器所使用的的浏览器内核，而360、QQ等国产浏览器使用的是chrome和ie的双内核，所以无法判断出其名称。

正文

获取浏览器名称

代码

// 获取浏览器名称
function getBrowserName() {
    var userAgent = navigator.userAgent;
    if (userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1) {
        return 'Opera';
    } else if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1) {
        return 'IE';
    } else if (userAgent.indexOf("Edge") > -1) {
        return 'Edge';
    } else if (userAgent.indexOf("Firefox") > -1) {
        return 'Firefox';
    } else if (userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1) {
        return 'Safari';
    } else if (userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1) {
        return 'Chrome';
    } else if (!!window.ActiveXObject || "ActiveXObject" in window) {
        return 'IE>=11';
    } else {
        return 'Unkonwn';
    }
}
console.log(getBrowserName())

效果展示

Google Chrome：
谷歌示例图1
360极速浏览器：
360示例图1
Firefox：
火狐示例图1
IE8（虚拟机）：
ie8示例图1

获取浏览器名称及其版本号

代码

// 获取浏览器名称及其版本号
function getBrowserNameVersion() {
    var Sys = {};
    var ua = navigator.userAgent.toLowerCase();
    var s;
    (s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1]:
        (s = ua.match(/msie ([\d\.]+)/)) ? Sys.ie = s[1] :
        (s = ua.match(/edge\/([\d\.]+)/)) ? Sys.edge = s[1] :
        (s = ua.match(/firefox\/([\d\.]+)/)) ? Sys.firefox = s[1] :
        (s = ua.match(/(?:opera|opr).([\d\.]+)/)) ? Sys.opera = s[1] :
        (s = ua.match(/chrome\/([\d\.]+)/)) ? Sys.chrome = s[1] :
        (s = ua.match(/version\/([\d\.]+).*safari/)) ? Sys.safari = s[1] : 0;
    // 根据关系进行判断
    if (Sys.ie) return ('IE: ' + Sys.ie);
    if (Sys.edge) return ('EDGE: ' + Sys.edge);
    if (Sys.firefox) return ('Firefox: ' + Sys.firefox);
    if (Sys.chrome) return ('Chrome: ' + Sys.chrome);
    if (Sys.opera) return ('Opera: ' + Sys.opera);
    if (Sys.safari) return ('Safari: ' + Sys.safari);
    return 'Unkonwn';
}
console.log(getBrowserNameVersion())