【navigator.useragent】在网页开发中，`navigator.userAgent` 是一个非常重要的属性，它用于获取用户浏览器的详细信息。这个字符串包含了操作系统、浏览器名称、版本号以及设备类型等信息，开发者可以通过它来判断用户的访问环境，从而进行相应的页面适配或功能调整。
以下是对 `navigator.userAgent` 的总结与常见值的表格展示：
一、
`navigator.userAgent` 是 JavaScript 中的一个全局对象属性，属于 `window.navigator` 对象的一部分。它返回一个字符串，表示当前浏览器的用户代理信息。该信息由浏览器在发送 HTTP 请求时自动附带，服务器或客户端脚本可以读取并解析这些信息。
使用 `navigator.userAgent` 可以实现以下功能：
- 判断用户使用的浏览器类型（如 Chrome、Firefox、Safari、Edge 等）。
- 确定用户的操作系统（如 Windows、Mac、Linux、Android、iOS）。
- 识别设备类型（如 PC、手机、平板）。
- 实现兼容性处理或功能降级策略。
需要注意的是，`userAgent` 字符串可以被修改或伪造，因此不能完全依赖其进行安全验证，但在大多数前端适配场景中仍具有较高参考价值。
二、常见 userAgent 值表格
| 浏览器/设备 | userAgent 示例 |
| Chrome (Windows) | `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36` |
| Firefox (Windows) | `Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:115.0) Gecko/20100101 Firefox/115.0` |
| Edge (Windows) | `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36 Edg/120.0.0.0` |
| Safari (Mac) | `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.4 Safari/605.1.15` |
| Chrome (Android) | `Mozilla/5.0 (Linux; Android 11; SM-G991B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Mobile Safari/537.36` |
| Firefox (Android) | `Mozilla/5.0 (Android 11; Mobile; rv:115.0) Gecko/115.0 Firefox/115.0` |
| iOS (Safari) | `Mozilla/5.0 (iPhone; CPU iPhone OS 15_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1` |
| Opera (Windows) | `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36 OPR/106.0.0.0` |
三、使用建议
- 在实际开发中，建议结合 `navigator.platform` 和 `navigator.appVersion` 进行更全面的判断。
- 使用第三方库（如 `ua-parser-js`）可以更方便地解析 userAgent 字符串。
- 不要将 userAgent 作为唯一的安全验证手段，应结合其他方式确保安全性。
通过合理利用 `navigator.userAgent`，开发者可以更好地理解用户环境，提升用户体验和应用兼容性。
