JavaScript获取浏览器名称、版本等信息

最新推荐文章于 2022-04-23 08:46:14 发布

freedom_文

最新推荐文章于 2022-04-23 08:46:14 发布

阅读量4.4k

点赞数 2

分类专栏： javascript 文章标签： js获取浏览器信息浏览器版本

本文链接：https://blog.csdn.net/freedomVenly/article/details/78647578

版权

javascript 专栏收录该内容

49 篇文章 1 订阅

订阅专栏

要知道我们所使用浏览器的相关信息，都离不开一个对象：Navigator

Navigator 包含了有关访问者浏览器的信息，包括浏览器类型、版本等等。

大家可以直接运行一遍仔细看看就可以懂了
查看时建议使用Chrome浏览器，看起来比较清楚

console.log(navigator);

这里写图片描述

在控制台可以很清楚的展示出来，想要获取什么内容或信息直接 “ . ”就OK了；

再附上一段直接显示名称与版本号代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取浏览器名称与版本号</title>
</head>

<body>
<script type="text/javascript">

    console.log(navigator);

    function browserInfo(){
        var userAgent = navigator.userAgent;
        var isOpera = userAgent.indexOf("Opera") > -1;
        if (isOpera) {      //Opera
            return "Opera"
        }
        if (userAgent.indexOf("Firefox") > -1) {     //Firefox
            return "FF";
        }
        if (userAgent.indexOf("Chrome") > -1){   //Chrome
            return "Chrome";
        }
        if (userAgent.indexOf("Safari") > -1) {     //Safari
            return "Safari";
        }
        if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
            return "IE";
        }        //IE
    }

    var mb = browserInfo();

    if ("IE" == mb) {
        document.write("我是 IE");
    }
    if ("FF" == mb) {
        document.write("我是 Firefox");
    }
    if ("Chrome" == mb) {
        document.write("我是 Chrome");
    }
    if ("Opera" == mb) {
        document.write("我是 Opera");
    }
    if ("Safari" == mb) {
        document.write("我是 Safari");
    }



    function getBrowserInfo()
    {
        var versions = navigator.userAgent.toLowerCase() ;

        var reg_ie = /msie [\d.]+;/gi, reg_fox = /firefox\/[\d.]+/gi, reg_chrome = /chrome\/[\d.]+/gi , reg_saf = /safari\/[\d.]+/gi ;

        if(versions.indexOf("msie") > 0)    //IE
        {
            return versions.match(reg_ie) ;
        }

        if(versions.indexOf("firefox") > 0)    //firefox
        {
            return versions.match(reg_fox) ;
        }

        if(versions.indexOf("chrome") > 0)     //Chrome
        {
            return versions.match(reg_chrome) ;
        }

        if(versions.indexOf("safari") > 0 && versions.indexOf("chrome") < 0)  //Safari
        {
            return versions.match(reg_saf) ;
        }

    }
    var browser = getBrowserInfo() ;

    var versionNum = (browser+"").replace(/[^0-9.]/ig,"");

    document.write("<br /> 版本号: "+ versionNum);

</script>

</body>

</html>