| export function browserVersion(): string { |
| const agent = window.navigator.userAgent; |
| let match = agent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || []; |
|
|
| if (/trident/i.test(match[1])) { |
| const browser = /\brv[ :]+(\d+)/g.exec(agent) || []; |
| return `IE ${browser[1] || ""}`.trim(); |
| } |
|
|
| if (match[1] === "Chrome") { |
| let browser = agent.match(/\bEdg\/(\d+)/) || undefined; |
| if (browser !== undefined) return `Edge (Chromium) ${browser[1]}`; |
|
|
| browser = agent.match(/\bOPR\/(\d+)/) || undefined; |
| if (browser !== undefined) return `Opera ${browser[1]}`; |
| } |
|
|
| match = match[2] ? [match[1], match[2]] : [navigator.appName, navigator.appVersion, "-?"]; |
|
|
| const browser = agent.match(/version\/(\d+)/i) || undefined; |
| if (browser !== undefined) match.splice(1, 1, browser[1]); |
|
|
| return `${match[0]} ${match[1]}`; |
| } |
|
|
| export function operatingSystem(detailed = false): string { |
| const osTableDetailed: Record<string, string> = { |
| "Windows NT 10": "Windows 10 or 11", |
| "Windows NT 6.3": "Windows 8.1", |
| "Windows NT 6.2": "Windows 8", |
| "Windows NT 6.1": "Windows 7", |
| "Windows NT 6.0": "Windows Vista", |
| "Windows NT 5.1": "Windows XP", |
| "Windows NT 5.0": "Windows 2000", |
| Mac: "Mac", |
| X11: "Unix", |
| Linux: "Linux", |
| Unknown: "Unknown", |
| }; |
| const osTableSimple: Record<string, string> = { |
| Windows: "Windows", |
| Mac: "Mac", |
| Linux: "Linux", |
| Unknown: "Unknown", |
| }; |
| const osTable = detailed ? osTableDetailed : osTableSimple; |
|
|
| const userAgentOS = Object.keys(osTable).find((key) => window.navigator.userAgent.includes(key)); |
| return osTable[userAgentOS || "Unknown"]; |
| } |
|
|
| export function platformIsMac(): boolean { |
| return operatingSystem() === "Mac"; |
| } |
|
|
| export function isEventSupported(eventName: string) { |
| const onEventName = `on${eventName}`; |
|
|
| let tag = "div"; |
| if (["select", "change"].includes(eventName)) tag = "select"; |
| if (["submit", "reset"].includes(eventName)) tag = "form"; |
| if (["error", "load", "abort"].includes(eventName)) tag = "img"; |
| const element = document.createElement(tag); |
|
|
| if (onEventName in element) return true; |
|
|
| |
| element.setAttribute(eventName, "return;"); |
| |
| return typeof (element as Record<string, any>)[onEventName] === "function"; |
| } |
|
|
