判断浏览器内核/适配不同浏览器

Posted it-ren

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了判断浏览器内核/适配不同浏览器相关的知识,希望对你有一定的参考价值。

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) {
    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(QQ) > -1) {
    sBrowser = QQ
    // ‘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(UC) > -1) {
    sBrowser = UC
    // ‘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 ../../utils/GetBrowserCore.js

const browserCore = GetBrowserCore()

以上是关于判断浏览器内核/适配不同浏览器的主要内容,如果未能解决你的问题,请参考以下文章

在浏览量滑动上添加新片段

JavaScript 获取并且判断浏览器内核访问类型(QQ/微信)

适配不同大小浏览器——固定排班

判断浏览器的类型

如何用html判断浏览器内核

兼容ie8,firefox,chrome浏览器的代码片段