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

曾经终败给现在 2022-06-05 12:13 248阅读 0赞

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

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

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

console.log(navigator);

![这里写图片描述][SouthEast]

在控制台可以很清楚的展示出来，想要获取什么内容或信息直接 “ . ”就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>

[SouthEast]: /images/20220605/dea1cdf382c54927a331ecc071026170.png