Home > Web Front-end > JS Tutorial > body text

Determine the mainstream browser type and version number through JS, with code attached

PHPz
Release: 2017-03-05 11:04:49
Original
1272 people have browsed it

如今的互联网中,浏览器可以说是太多太多了,但是大部分都是换壳不换心,基本上主流的浏览器还是火狐,谷歌,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);
        }

    })()
Copy after login


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

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

Related labels:
js
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!