JavaScript判断当前浏览器类型（包括判断移动端浏览器类型）

小小前端--可笑可笑

于 2022-05-22 22:38:29 发布

阅读量1k

点赞数 2

文章标签： javascript safari chrome

本文链接：https://blog.youkuaiyun.com/qq_41860203/article/details/124918046

版权

本文详细解析如何通过navigator对象判断当前浏览器类型，涵盖Chrome、360浏览器及Safari等，并提供移动设备、iOS、Android等平台的适配信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * 判断当前浏览器类型
 */
export function browserJudge() {
  let u = navigator.userAgent,
    app = navigator.appVersion,
    mimeTypes = navigator.mimeTypes,
    platform = navigator.platform.toLowerCase()
  let chrome = true, se360 = false
  if (u.match(/Chrome/) !== null && !u.match(/LBBROWSER/) && !u.match(/BIDUBrowser/) && !u.match(/MetaSr/) && !u.match(/QQBrowser/) && !u.match(/UBrowser/) && !u.match(/Maxthon/) && !u.match(/Edge/)) {
    for (let i in mimeTypes) {
      if (mimeTypes[i]['type'] === 'application/vnd.chromium.remoting-viewer') {
        chrome = false
        se360 = true
      }
    }
  } else chrome = false
  return {//移动终端浏览器版本信息
    trident: u.indexOf('Trident') > -1, //IE内核
    presto: u.indexOf('Presto') > -1, //opera内核
    webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1, //火狐内核
    mobile: !!u.match(/AppleWebKit.*Mobile/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否为移动终端
    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
    mac: u.indexOf('Mac OS X') > -1, // mac os
    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
    iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
    iPad: u.indexOf('iPad') > -1, //是否iPad
    webApp: u.indexOf('Safari') === -1, //是否web应该程序，没有头部与底部
    win64: u.toLowerCase().indexOf('win64') >= 0 || u.toLowerCase().indexOf('wow64') >= 0 || platform === 'win64', //64位windows判断
    win32: u.toLowerCase().indexOf('win32') >= 0 || u.toLowerCase().indexOf('wow32') >= 0 || platform === 'win32', //32位windows判断
    chrome: chrome, //原版谷歌
    safari: u.toLowerCase().indexOf('safari') >= 0 && u.toLowerCase().indexOf('chrome') === -1,
    '360': se360, //360浏览器
    lieBao: u.match(/LBBROWSER/), //猎豹浏览器
    baiDu: u.match(/BIDUBrowser/), //百度浏览器
    souGou: u.match(/MetaSr/), //搜狗浏览器
    qq: u.match(/QQBrowser/), //QQ浏览器
    uc: u.match(/UBrowser/), //UC浏览器
    aoYou: u.match(/Maxthon/) //遨游浏览器
  }
}