browser, os, device detector
pnpm add un-detector
import { detect } from 'un-detector';
const detected = detect(window.navigator.userAgent);
Then you will get device info like:
detected = {
os: {
name: 'Mac OS',
version: '10.15.7',
},
browser: {
version: '118.0.2088.61',
name: 'Edge',
majorVersion: '118',
},
device: {
model: 'Macintosh',
vendor: 'Apple',
},
is: {
mobile: false,
mobileOnly: false,
tablet: false,
mac: true,
windows: false,
iOS: false,
android: false,
winPhone: false,
linux: false,
edge: true,
chrome: false,
safari: false,
firefox: false,
opera: false,
IE: false,
chromium: false,
iPhone: false,
iPad: false,
iPod: false,
},
}
import { os } from 'un-detector'
console.log(os.isMac())
import { device } from 'un-detector'
console.log(device.isMobile())
import { browser } from 'un-detector'
console.log(browser.isChrome())
ua-parser-js