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

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

通过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
}