HTML中navigator.userAgent字符串判断浏览器类型的方法-html教程-PHP中文网

应避免直接用 navigator.useragent 判断浏览器类型，因其易被篡改或精简；推荐结合 ua 子串（如 /edg//、/chrome// 且非 edg/ 非 safari/）与 vendor 字段交叉验证，仅用于降级提示或统计。

html中navigator.useragent字符串判断浏览器类型的方法

直接用 navigator.userAgent 字符串判断浏览器类型，结果大概率不准——这不是你正则写得不够好，而是现代浏览器主动让 UA 失效了。

为什么 /Edg\/ 比 Edge/ 更可靠

Edge 从版本 79 起全面切换到 Chromium 内核，UA 字符串里同时包含 Edg/125.0.0.0 和 Chrome/125.0.0.0。旧写法 userAgent.includes('Edge') 会匹配到早已淘汰的 EdgeHTML 版本（含 Edge/18），而当前所有新版 Edge 都稳定带 Edg/（注意斜杠）。Edge/ 在新版中已不再出现，只存在于极少数企业定制镜像里。

匹配 /Edg\// 可覆盖 99%+ 的真实 Edge 用户
避免用 indexOf('Edge') > -1 ——它可能命中 UA 里偶然出现的单词 Edge（比如某些国产壳浏览器）
注意转义斜杠：/Edg\// 不是 /Edg//，后者在 JS 正则里语法错误

Chrome 判断必须加双重否定

Chrome/ 是 Chromium 系生态的通用标识，Safari（iOS）、Edge、甚至部分 Android WebView 都会带上它。单靠 /Chrome\//.test(ua) 会把 Safari 当 Chrome，把 Edge 当 Chrome。

协和·太初

协和·太初是一款面向罕见病辅助诊疗的医学 AI 大模型。

下载

正确逻辑：匹配 Chrome/ 且不包含 Edg/ 且不包含 Safari/
不要用 !ua.includes('Safari') ——iOS Chrome 的 UA 里确实有 Safari/537.36，但它是渲染引擎标识，不是浏览器名
更稳妥写法：/Chrome\//.test(ua) && !/Edg\//.test(ua) && !/Firefox\//.test(ua)，排除干扰项更干净

Firefox/ 和 Safari/ 的匹配陷阱

Firefox/ 目前仍是独占性最强的 UA 子串，几乎不会被其他浏览器伪造；但 Safari/ 不同——它出现在所有 WebKit 渲染的环境里，包括 iOS Chrome、iOS QQ 浏览器、甚至某些 Electron 封装应用。

/Firefox\//.test(ua) 可直接返回 'firefox'，无需额外排除
Safari/ 必须配合 AppleWebKit/ + 排除 Chrome/ + 排除 Edg/ 才能勉强锁定 Safari
iOS 上的 Chrome/Firefox 实际用 WebKit 渲染，UA 却仍带自己品牌名和假版本号——这是 Apple 强制限制，无法绕过，所以“检测出 Safari”不等于“正在用 Safari 渲染”

vendor 和 product 字段能当 backup 吗

可以，但不能替代 UA 判断，只能交叉验证。比如 navigator.vendor === 'Apple Computer, Inc.' 基本锁定 Safari（哪怕 UA 被精简），而 navigator.product === 'Gecko' 在 Firefox 中稳定，但在极少数旧版 Chrome（已淘汰）或定制内核中可能出现误报。

优先查 navigator.vendor：Google Inc. → Chrome，Apple Computer, Inc. → Safari，Microsoft Corporation → Edge
不要单独依赖 navigator.product，它反映的是渲染引擎，不是浏览器本身
如果 navigator.userAgent 为空（如某些 Electron 应用或企业内网环境），vendor 是唯一还能提供线索的字段

真正难的不是写对正则，而是接受一个事实：你拿到的 UA 字符串，可能是用户改的、代理删的、浏览器缩的、系统强制阉割的——它只适合做降级提示或统计归类，千万别用来控制功能开关或权限逻辑。