navigator.userAgent不可靠，应优先用媒体查询或视口尺寸判断设备类型；getBattery()已广泛弃用；deviceMemory和hardwareConcurrency为估算值；geolocation用于场景推断而非型号识别。
navigator.userAgent 只能当参考，别当设备指纹用
浏览器的 navigator.userAgent 返回的是字符串，比如 Mozilla/5.0 (iPhone; CPU iPhone OS 17_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Mobile/15E148 Safari/604.1。它看起来很详细，但实际不可靠：用户可伪造、浏览器可能简化（如 Chrome 110+ 默认启用 UA reduction）、iOS Safari 在桌面模式下会返回 macOS 的 UA。
真正需要识别设备类型时，优先用响应式媒体查询或 screen.width + screen.height 判断视口尺寸，而不是解析 UA 字符串。
- 检测是否为移动设备？用
matchMedia('(max-width: 768px)').matches更稳定 - 想区分 iOS 和 Android？
navigator.platform比 UA 更直接（但同样可被覆盖） - 若必须解析 UA，请只匹配关键词如
iPhone、iPad、Android，别依赖版本号或完整结构
navigator.getBattery() 被禁用在非安全上下文，且多数浏览器已弃用
Chrome 93 起，navigator.getBattery() 在非 HTTPS 页面直接报错 TypeError: navigator.getBattery is not a function；Firefox 100+ 默认禁用该 API；Safari 一直未实现。即使可用，它返回的 BatteryManager 对象也仅提供估算值（level、charging），精度低、更新不及时，且触发权限提示会干扰用户体验。
目前没有标准替代方案。如果业务强依赖电量信息（如离线 PWA 节能策略），只能降级处理：
立即学习“前端免费学习笔记（深入）”；
- 检查
navigator.getBattery是否存在且可调用 - 捕获
NotAllowedError或TypeError异常 - fallback 到基于
document.hidden和定时器的粗略活跃度判断
if ('getBattery' in navigator) {
navigator.getBattery().then(battery => {
console.log(`电量: ${battery.level * 100}%`, '充电中:', battery.charging);
}).catch(err => {
console.warn('获取电量失败:', err.name);
});
}navigator.deviceMemory 和 navigator.hardwareConcurrency 是只读估算值
navigator.deviceMemory 返回以 GB 为单位的内存估算（如 2、4、8），实际是浏览器根据系统报告四舍五入后的值，不是精确 RAM 容量；navigator.hardwareConcurrency 返回逻辑 CPU 核心数（如 4、8），但移动端常被限制为 2 或 4 以节省功耗，和真实核心数可能不符。
这两个字段主要用于性能自适应场景，比如：
- Web Worker 数量动态调整：用
Math.min(navigator.hardwareConcurrency || 2, 4) - 图片加载策略分级：
deviceMemory - 注意：它们在部分隐私模式（如 Firefox 隐私窗口）下会返回默认值（
deviceMemory = 0.5，hardwareConcurrency = 2）
navigator.geolocation 不返回设备型号，但能辅助判断使用场景
navigator.geolocation 本身不提供设备型号、品牌或系统版本，但它返回的经纬度、精度、时间戳，结合 IP 地理库或时区（Intl.DateTimeFormat().resolvedOptions().timeZone），可以反推用户大概所处环境（如城市、网络类型、是否在通勤中）。这对“设备信息”的业务理解其实是更实用的维度。
调用前必须注意：
- 必须由用户手势（如 click）触发，否则 Chrome 会静默拒绝
- 首次请求会弹出浏览器原生权限框，无法样式定制
- 超时或拒绝后，
positionError.code可能是PERMISSION_DENIED、TIMEOUT、POSITION_UNAVAILABLE
document.getElementById('btn').addEventListener('click', () => {
navigator.geolocation.getCurrentPosition(
pos => console.log(pos.coords.latitude, pos.coords.longitude),
err => console.error('定位失败:', err.code)
);
});设备型号、精确硬件参数在现代浏览器里本就不可见——这不是技术限制，而是隐私设计原则。真要区分 iPhone 15 Pro 和 iPad Air？靠 CSS 媒体查询 + touch 事件 + screen.availHeight 组合判断，比任何 JS API 都靠谱。
