获取浏览器信息-Toy模板网

这篇具有很好参考价值的文章主要介绍了获取浏览器信息。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

由于 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 对象中提供的方法及其描述：文章来源地址https://www.toymoban.com/news/detail-408094.html

方法	描述
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'
        }
      },

到了这里，关于获取浏览器信息的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！