navigator.userAgent
是 JavaScript 中 navigator
对象的一个属性,用于返回当前浏览器的 User-Agent 字符串,它包含了浏览器、操作系统、设备类型等信息。
📌 语法:
let ua = navigator.userAgent;
console.log(ua);
📦 示例输出(不同设备和浏览器):
✅ Chrome 浏览器(Windows):
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.5735.91 Safari/537.36
✅ Safari 浏览器(macOS):
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.5 Safari/605.1.15
✅ 移动端 Chrome(Android):
Mozilla/5.0 (Linux; Android 11; Pixel 4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.114 Mobile Safari/537.36
✅ 微信内置浏览器(iOS):
Mozilla/5.0 (iPhone; CPU iPhone OS 15_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/19C57 MicroMessenger/8.0.16(0x18001027) NetType/WIFI Language/zh_CN
💡 应用场景:
- 判断浏览器类型:
if (navigator.userAgent.indexOf("Chrome") !== -1) {
console.log("使用的是 Chrome 浏览器");
}
- 判断是否是移动设备:
const isMobile = /Android|iPhone|iPad|iPod|Mobile/i.test(navigator.userAgent);
⚠️ 注意事项:
- User-Agent 可伪造:依赖它进行安全判断并不可靠。
- 隐私限制(反爬虫/防指纹识别):一些现代浏览器和插件可能对其值进行隐藏或模糊处理。
- 未来变化:Chrome 正在逐步废弃对
userAgent
的依赖,转向使用User-Agent Client Hints
。
如果你有具体需求(比如判断微信、判断浏览器语言、还是想做设备兼容判断),可以继续告诉我,我可以帮你写更详细的代码。
发表回复