前端获取操作系统、操作系统版本

1|0前端获取操作系统、操作系统版本

在做埋点的过程中，遇到要上传操作系统和操作系统版本的需求，如下

通过navigator.userAgent获取
首先将操作系统确定为如下映射：

ALL_OS = {
  WINDOWS: 'windows',
  WINDOWSPHONE: 'windows phone',
  IPHONE: 'iphone',
  IPAD: 'ipad',
  MAC: 'mac',
  ANDROID: 'android',
  OTHERS: 'others',
}

获取当前操作系统

/** 获取当前操作系统 */
export const getOS = () => {
  let os = ALL_OS.OTHERS
  const userAgent = navigator.userAgent
  if (userAgent.includes('Windows NT')) {
    os = ALL_OS.WINDOWS
  }
  if (userAgent.includes('Mac')) {
    if (userAgent.includes('iPhone')) {
      os = ALL_OS.IPHONE
    } else if (userAgent.includes('iPad')) {
      os = ALL_OS.IPAD
    } else {
      os = ALL_OS.MAC
    }
  }
  if (userAgent.includes('Android')) {
    os = ALL_OS.ANDROID
  }
  return os
}

获取操作系统版本

/** 获取系统版本 */
export const getOSVersion = () => {
  const os = getOS()
  let osVersion = ALL_OS.OTHERS
  const userAgent = navigator.userAgent
  if (os === ALL_OS.IPHONE) {
    osVersion = userAgent.slice(userAgent.indexOf(';') + 2, userAgent.indexOf(')'))
    return osVersion
  }
  if (os === ALL_OS.IPAD) {
    osVersion = userAgent.slice(userAgent.indexOf(';') + 2, userAgent.indexOf(')'))
    return osVersion
  }
  if (os === ALL_OS.WINDOWS) {
    osVersion = userAgent.slice(userAgent.indexOf('(') + 1, userAgent.indexOf(';'))
    return osVersion
  }
  if (os === ALL_OS.MAC) {
    // todo
  }
  if (os === ALL_OS.ANDROID) {
    const middle = userAgent.slice(userAgent.indexOf(';') + 2, userAgent.indexOf(')'))
    osVersion = middle.slice(0, middle.indexOf(';'))
    return osVersion
  }
  return osVersion
}

__EOF__

作　　者：ZHANGJW
出　　处：https://www.cnblogs.com/zhangjw83/p/15897780.html
关于博主：编程路上的小学生，热爱技术，喜欢专研。评论和私信会在第一时间回复。或者直接私信我。
版权声明：署名 - 非商业性使用 - 禁止演绎，协议普通文本 | 协议法律文本。
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！