js判断主流浏览器类型和版本号的简单实现代码

169 阅读 0 评论 112 点赞

我是靠谱客的博主傲娇大白，这篇文章主要介绍js判断主流浏览器类型和版本号的简单实现代码，现在分享给大家，希望可以做个参考。

如今的互联网中，浏览器可以说是太多太多了，但是大部分都是换壳不换心，基本上主流的浏览器还是火狐，谷歌，IE，safrai这几种比较常见，所以在我们的开发中，有时候需要遇到判断用户正在使用什么浏览器以及使用的版本是多少，并根据返回值，给予一定的提示，下面，我就简单的介绍一种判断用户浏览器的使用情况的代码。

复制代码

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

})()

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
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 (/versionD+(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);
    }

  })()