美文网首页Web前端之路web前端
判断当前浏览器的内核

判断当前浏览器的内核

作者: 侬姝沁儿 | 来源:发表于2019-06-25 09:20 被阅读9次

代码

GetBrowserCore.js:

export default () => {
  var sBrowser = null
  var sUsrAg = window.navigator.userAgent
  // The order matters here, and this may report false positives for unlisted browsers.
  if (sUsrAg.indexOf('Firefox') > -1) {
    sBrowser = 'Mozilla Firefox'
    // 'Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:61.0) Gecko/20100101 Firefox/61.0'
  } else if (sUsrAg.indexOf('Opera') > -1 || sUsrAg.indexOf('OPR') > -1) {
    sBrowser = 'Opera'
    // 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 OPR/57.0.3098.106'
  } else if (sUsrAg.indexOf('Trident') > -1) {
    sBrowser = 'Microsoft Internet Explorer'
    // 'Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; Zoom 3.6.0; wbx 1.0.0; rv:11.0) like Gecko'
  } else if (sUsrAg.indexOf('Edge') > -1) {
    sBrowser = 'Microsoft Edge'
    // 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299'
  } else if (sUsrAg.indexOf('Chrome') > -1) {
    sBrowser = 'Google Chrome or Chromium'
    // 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/66.0.3359.181 Chrome/66.0.3359.181 Safari/537.36'
  } else if (sUsrAg.indexOf('Safari') > -1) {
    sBrowser = 'Apple Safari'
    // 'Mozilla/5.0 (iPhone; CPU iPhone OS 11_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.0 Mobile/15E148 Safari/604.1 980x1306'
  } else {
    sBrowser = 'unknown'
  }
  return sBrowser
}

使用

import GetBrowserCore from './GetBrowserCore.js'
// 浏览器判断与处理
var browserCore = GetBrowserCore()
console.log(browserCore)

结语

提示:后面还有精彩敬请期待,请大家关注我的专题:web前端。如有意见可以进行评论,每一条评论我都会认真对待。

相关文章

  • Destoon框架中的一些JS

    Destoon框架中的JS函数 判断移动端类型 判断是不是IE浏览器 判断当前是不是webkit内核 判断当前的用...

  • 判断当前浏览器的内核

    代码 GetBrowserCore.js: 使用 结语 提示:后面还有精彩敬请期待,请大家关注我的专题:web前端...

  • 工具函数

    判断当前终端是否PC 判断当前设备平台 判断当前浏览器类型 获取浏览器版本信息 判断是否IphoneX 移动端键盘...

  • js判断浏览器的内核和是否支持某些CSS3属性

    一、判断浏览器内核 在前端开发过程中,有时我们需要判断浏览器的内核前缀,对不同的浏览器做出不同的处理,因此我们可以...

  • 2020-03-06 判断浏览器内核

    如何判断判断浏览器内核(好用,推荐给小白) varbrowser={ versions:function(){ v...

  • html meta 标签

    如果当前IE浏览器安装了GCF插件,则以chrome内核渲染页面,否则就以当前IE浏览器支持的最高版本模式来渲染 ...

  • 02-Navigator

    Navigator: 代表当前浏览器的信息, 通过Navigator我们就能判断用户当前是什么浏览器 (user...

  • 判断浏览器内核

    var u = navigator.userAgent, app = navigator.appVersion; ...

  • 浏览器内核判断

  • 判断浏览器内核

    js判断浏览器对象

网友评论

    本文标题:判断当前浏览器的内核

    本文链接:https://www.haomeiwen.com/subject/wuvzqctx.html