欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

通过JS判断主流浏览器类型及版本号,附代码

程序员文章站 2022-05-03 18:29:11
...
如今的互联网中,浏览器可以说是太多太多了,但是大部分都是换壳不换心,基本上主流的浏览器还是火狐,谷歌,IE,safrai这几种比较常见,所以在我们的开发中,有时候需要遇到判断用户正在使用什么浏览器以及使用的版本是多少,并根据返回值,给予一定的提示,下面,我就简单的介绍一种通过JS判断主流浏览器类型及通过JS判断主流浏览器类型版本号的方法
var distinguishBrowser= function browserInfo() {
            var browser = {
//                        IE浏览器
                        msie: false,
//                        谷歌浏览器
                        chrome: false,
//                        火狐浏览器
                        firefox: false,
//                        opera浏览器
                        opera: false,
//                         safrai浏览器
                        safari: false,
//                        正在使用的浏览器的名字
                        name: 'unknown',
//                        正使用浏览器的版本号
                        version: 0
                    },
                    userAgent = window.navigator.userAgent.toLowerCase();
//            使用正则对用户当前浏览器进行判断
            if (/(msie|chrome|firefox|opera|netscape)\D+(\d[\d.]*)/.test(userAgent)) {
                browser[RegExp.$1] = true;
                browser.name = RegExp.$1;
                browser.version = RegExp.$2;
            } else if (/version\D+(\d[\d.]*).*safari/.test(userAgent)) {
                browser.safari = true;
                browser.name = 'safari';
                browser.version = RegExp.$2;
            }
            return browser;
        }

        var browserr = browserInfo();
        if (mybi.msie) {
           console.log(browserr.version);
        } else {
            console.log(browserr.name + '  ' + browserr.version);
        }

    })()


通过这样就能够在浏览器的控制台看到当前正在使用的浏览器的版本了。

更多关于JS判断主流浏览器类型和版本的相关文章,请关注!