navigator对象是浏览器内置全局对象，用于获取客户端环境信息，但UA可伪造不可用于安全校验；推荐结合userAgent、vendor、product等多属性识别浏览器，用platform判断OS，配合maxTouchPoints、matchMedia等检测移动端，注意隐私策略对属性返回值的影响。
navigator 对象是浏览器提供的全局对象，无需创建即可直接使用。它主要用来获取客户端的浏览器、操作系统、设备等运行环境信息，常用于兼容性判断、功能降级或用户行为分析。但要注意：这些信息来自 HTTP User-Agent 字符串，可被伪造，不能用于安全校验。
识别主流浏览器类型与版本
通过 navigator.userAgent 字符串匹配关键词，是最常用方式。现代浏览器也支持更可靠的 navigator.vendor 和 navigator.product 辅助判断：
- Chrome：userAgent 含
"Chrome"且不含"Edg"和"OPR"；navigator.vendor 通常为"Google Inc." - Firefox：userAgent 含
"Firefox"；navigator.product 为"Gecko" - Safari：userAgent 含
"Safari"且含"AppleWebKit"，但不含"Chrome"；navigator.vendor 为"Apple Computer, Inc." - Edge（Chromium 内核）：userAgent 含
"Edg"（新版）或"Edge"（旧版 Trident） - Opera（Chromium 内核）：userAgent 含
"OPR"或"Opera"
建议用正则提取版本号，例如：/Chrome\/(\d+\.\d+)/.exec(navigator.userAgent)?.[1]
判断操作系统平台
navigator.platform 返回简写平台标识（如 "Win32"、"MacIntel"、"Linux x86_64"、"iPhone"、"iPad"），比解析 userAgent 更稳定：
立即学习“Java免费学习笔记（深入）”；
-
navigator.platform.startsWith("Win")→ Windows -
navigator.platform.startsWith("Mac")→ macOS -
navigator.platform.startsWith("Linux")→ Linux -
["iPhone", "iPad", "iPod"].includes(navigator.platform)→ iOS -
navigator.platform === "Android"→ Android（注意：部分安卓 WebView 可能返回"Linux"）
检测移动端与触摸支持
单靠 UA 或 platform 不足以准确判断是否为移动设备，应结合多维度信号：
- navigator.maxTouchPoints > 0 表示设备支持触摸（较新标准，IE 不支持）
- "ontouchstart" in window 或 !!window.TouchEvent 判断是否启用触摸事件
- window.matchMedia("(hover: none) and (pointer: coarse)").matches 表示典型触屏设备（如手机、平板）
- 屏幕尺寸与 dpr 辅助参考：
screen.width 1.5
不推荐仅用 UA 中的 "Mobile" 判断，因部分桌面浏览器（如 Chrome 模拟器）或 iPad（iOS 13+）UA 已移除该字段。
注意兼容性与隐私限制
近年浏览器加强隐私保护，导致部分 navigator 属性行为变化：
- navigator.userAgent 在 Chrome 110+、Edge 110+ 等中默认返回“精简 UA 字符串”，需开启 UA-CH（User-Agent Client Hints） 获取更精确信息
-
navigator.platform 在 Firefox 109+ 中对跨域 iframe 返回
"Web"，以防止指纹追踪 - navigator.hardwareConcurrency、navigator.deviceMemory 等敏感属性，在非安全上下文（http）或隐私模式下可能返回默认值或抛错
- 避免依赖 navigator.appName 或 navigator.appVersion，它们早已过时且不可靠
生产环境建议优先使用特性检测（如 "fetch" in window），而非 UA 检测；若必须识别环境，应组合多个信号并设置合理 fallback。
