获取浏览器信息

由于 window 对象是一个全局对象，因此在使用window.navigator时可以省略 window 前缀，例如window.navigator.appName可以简写为navigator.appName。
 

navigator 对象中的属性

下表中列举了 JavaScript navigator 对象中常用的属性及其描述：

属性	描述
appCodeName	返回当前浏览器的内部名称（开发代号）
appName	返回浏览器的官方名称
appVersion	返回浏览器的平台和版本信息
cookieEnabled	返回浏览器是否启用 cookie，启用返回 true，禁用返回 false
onLine	返回浏览器是否联网，联网则返回 true，断网则返回 false
platform	返回浏览器运行的操作系统平台
userAgent	返回浏览器的厂商和版本信息，即浏览器运行的操作系统、浏览器的版本、名称

navigator 对象中的方法

下表中列举了JavaScript navigator 对象中提供的方法及其描述：

方法	描述
javaEnabled()	返回浏览器是否支持运行 Java Applet 小程序，支持则返回 true，不支持则返回 false
sendBeacon()	向浏览器异步传输少量数据

各主流浏览器

// 各主流浏览器
 function getBrowser () {
        var u = this.userAgent
        var bws = [{
          name: 'sgssapp',
          it: /sogousearch/i.test(u)
        }, {
          name: 'wechat',
          it: /MicroMessenger/i.test(u)
        }, {
          name: 'weibo',
          it: !!u.match(/Weibo/i)
        }, {
          name: 'uc',
          it: !!u.match(/UCBrowser/i) || u.indexOf(' UBrowser') > -1
        }, {
          name: 'Quark 夸克',
          it: !!u.match(/Quark/i) || u.indexOf(' Quark') > -1
        }, {
          name: 'sogou',
          it: u.indexOf('MetaSr') > -1 || u.indexOf('Sogou') > -1
        }, {
          name: 'xiaomi',
          it: u.indexOf('MiuiBrowser') > -1
        }, {
          name: 'baidu',
          it: u.indexOf('Baidu') > -1 || u.indexOf('BIDUBrowser') > -1
        }, {
          name: '360',
          it: u.indexOf('360EE') > -1 || u.indexOf('360SE') > -1
        }, {
          name: '2345',
          it: u.indexOf('2345Explorer') > -1
        }, {
          name: 'edge',
          it: u.indexOf('Edge') > -1
        }, {
          name: 'ie11',
          it: u.indexOf('Trident') > -1 && u.indexOf('rv:11.0') > -1
        }, {
          name: 'ie',
          it: u.indexOf('compatible') > -1 && u.indexOf('MSIE') > -1
        }, {
          name: 'firefox',
          it: u.indexOf('Firefox') > -1
        }, {
          name: 'safari',
          it: u.indexOf('Safari') > -1 && u.indexOf('Chrome') === -1
        }, {
          name: 'qqbrowser',
          it: u.indexOf('MQQBrowser') > -1 && u.indexOf(' QQ') === -1
        }, {
          name: 'qq',
          it: u.indexOf('QQ') > -1
        }, {
          name: 'chrome',
          it: u.indexOf('Chrome') > -1 || u.indexOf('CriOS') > -1
        }, {
          name: 'opera',
          it: u.indexOf('Opera') > -1 || u.indexOf('OPR') > -1
        }]
        for (var i = 0; i < bws.length; i++) {
          if (bws[i].it) {
            return bws[i].name
          }
        }
        return 'other'
      },

系统区分

getOS () {
        var u = this.userAgent
        if (!!u.match(/compatible/i) || u.match(/Windows/i)) {
          return 'windows'
        } else if (!!u.match(/Macintosh/i) || u.match(/MacIntel/i)) {
          return 'macOS'
        } else if (!!u.match(/iphone/i) || u.match(/Ipad/i)) {
          return 'ios'
        } else if (u.match(/android/i)) {
          return 'android'
        } else {
          return 'other'
        }
      },