navigator.userAgent可粗略识别设备类型和浏览器内核，但属启发式判断、不可靠且易被伪造；需结合关键词匹配与特性检测，优先使用特性检测替代UA判断。
通过 navigator.userAgent 字符串可以粗略识别设备类型（手机/平板/桌面）和浏览器内核（WebKit/Blink/Gecko/Trident），但要注意它只是启发式判断，不绝对可靠，且现代浏览器可能隐藏或伪造 UA。
识别设备类型（移动端 vs 桌面端）
主要看 UA 中是否包含移动设备特征关键词：
-
移动端（含 iOS 和 Android）：检查
Mobile、iOS、Android、等字符串；注意 <code>iPad在某些新版 Safari 中可能不带Mobile，需单独判断 -
桌面端：通常不含
Mobile，且含Windows、Macintosh、Linux、X11等；但需排除 Windows Phone、iPadOS 桌面模式等边界情况 -
平板设备（如 iPad、Android Tablet）：可结合
iPad、Tablet、Android.*?;.*?;.*?Tablet等模式，或用navigator.maxTouchPoints > 1辅助判断触屏能力
识别主流浏览器及内核
UA 字符串中内核标识通常出现在末尾或中间，顺序有惯例，需按优先级匹配：
-
Safari（WebKit 内核）：含
Safari/且不含Chrome/、Edg/、OPR/；iOS Safari 和 macOS Safari 均属 WebKit，但 iOS 不含Chrome或Firefox -
Chrome / Edge（Blink 内核）：Chrome 含
Chrome/且不含Edg/；Edge 含Edg/（新版 Chromium Edge）或Edge/（旧版 Trident Edge）；Blink 衍生自 WebKit，但 UA 明确标注 Blink 特征（如Chrome/... Safari/...中实际为 Blink） -
Firefox（Gecko 内核）：含
Firefox/且不含Seamonkey/等其他 Gecko 变体；注意部分国产浏览器（如 360、QQ 浏览器极速模式）也会伪装成 Firefox，需结合其他字段交叉验证 -
IE（Trident 内核）：含
Trident/或MSIE；仅存在于 IE11 及更早版本，Edge 已弃用
实用判断代码示例（轻量、可读性强）
以下函数不依赖第三方库，适用于基础场景：
立即学习“Java免费学习笔记（深入）”；
function getDeviceInfo() {
const ua = navigator.userAgent;
const isMobile = /Mobile|Android|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i.test(ua);
const isTablet = /iPad|Tablet/i.test(ua) && !/Mobile/i.test(ua);
const isDesktop = !isMobile;
let browser = 'Unknown';
let engine = 'Unknown';
if (/Edg\//i.test(ua)) {
browser = 'Edge';
engine = 'Blink';
} else if (/Chrome\//i.test(ua) && !/Edg\//i.test(ua)) {
browser = 'Chrome';
engine = 'Blink';
} else if (/Firefox\//i.test(ua)) {
browser = 'Firefox';
engine = 'Gecko';
} else if (/Safari\//i.test(ua) && /Apple/i.test(ua) && !/(Chrome|Edg|Firefox|OPR)/i.test(ua)) {
browser = 'Safari';
engine = 'WebKit';
} else if (/Trident|MSIE/i.test(ua)) {
browser = 'IE';
engine = 'Trident';
}
return {
isMobile,
isTablet,
isDesktop,
browser,
engine,
userAgent: ua
};
}
// 使用示例
console.log(getDeviceInfo());
// { isMobile: true, isTablet: false, browser: 'Chrome', engine: 'Blink' }
注意事项与替代建议
UA 检测存在明显局限性：
- 用户可手动修改 UA，隐私浏览模式或某些安卓 WebView 会简化 UA
- iPadOS 13+ 默认 UA 与 macOS Safari 几乎一致，仅靠 UA 难以区分 iPad 和 Mac
- Chrome on iOS 实际使用 WebKit（苹果强制），但 UA 中仍标 Chrome —— 此时内核 ≠ UA 所示
- 推荐优先使用 特性检测（如
'ontouchstart' in window、matchMedia('(hover: hover)')）代替 UA 判断交互方式 - 服务端 UA 解析更稳定，前端应尽量避免强依赖 UA 做关键逻辑分支
