答案：可通过解析navigator.userAgent识别浏览器类型与版本，但推荐优先使用特性检测。示例代码展示了如何匹配Chrome、Firefox、Safari、Edge和IE的userAgent关键词，并提取版本号；需注意Safari和Edge的识别顺序及IE的Trident标识；由于userAgent可被篡改且存在伪装情况，应避免依赖其做关键判断；更可靠的兼容性处理方式是采用特性检测（如判断window.fetch是否存在）或使用Modernizr等库；若必须进行浏览器检测，建议引入ua-parser-js等维护良好的第三方库以提高准确性。
检测
浏览器
类型和版本在
前端
开发中有时是必要的，尤其是在需要兼容旧版浏览器或针对特定浏览器做优化时。虽然现代开发更推荐使用特性检测（如 Modernizr），但在某些场景下，直接识别浏览器仍然有用。JavaScript 提供了几种方式来实现这一目标，主要依赖于
navigator.userAgent
字符串的解析。
1. 使用 navigator.userAgent 检测浏览器类型
userAgent
是 navigator 对象的一个属性，返回一个字符串，包含浏览器的品牌、版本、
操作系统
等信息。通过正则匹配该字符串中的关键词，可以判断当前使用的浏览器。
常见浏览器的 userAgent 关键词：
Chrome:
Chrome
且不含 Edge
Firefox:
Firefox
Safari:
Safari
且不含 Chrome
Edge:
Edg
（新版基于 Chromium）或
Edge
（旧版）
IE:
Trident
或
MSIE
示例代码：
立即学习
“
Java免费学习笔记（深入）
”；
2. 注意事项与兼容性问题
userAgent 可以被用户修改，因此不能完全依赖它进行关键逻辑判断。同时，一些浏览器会伪装成其他浏览器以通过网站检测（例如，Chrome 包含 Safari 和 Mozilla 关键词）。
以下几点需特别注意：
Safari 的 userAgent 中包含
Chrome
和
Mozilla
，必须排除 Chrome 才能准确识别
Edge 新版使用 Chromium 内核，userAgent 中包含
Chrome
，但有
Edg/
标识，应优先匹配 Edg
IE 11 使用
Trident
而非 MSIE 明确标识，需同时检测两个关键词
移动浏览器（如
微信
内置浏览器）也可能修改 userAgent，增加识别难度
3. 推荐做法：特性检测优于浏览器检测
与其判断浏览器类型，不如检测某个 API 是否存在。这种方式更可靠，也符合渐进增强原则。
Comet AI 浏览器
下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
下载
例如，检测是否支持
fetch
：
使用
Modernizr
等库可系统化地进行特性检测，避免陷入浏览器碎片化的兼容泥潭。
4. 使用第三方库简化检测（可选）
如果确实需要精确识别浏览器，可以使用轻量库如
bowser
或
ua-parser-js
。
以 ua-parser-js 为例：
这类库维护了最新的 userAgent 规则，减少手动维护成本。
基本上就这些。虽然可以通过 JavaScript 获取浏览器类型和版本，但建议只在必要时使用，并优先考虑特性检测方案。毕竟，浏览器种类繁多且不断更新，靠字符串匹配总有遗漏。
function getBrowserInfo() {
const ua = navigator.userAgent;
let browser = 'Unknown';
let version = 'Unknown';
if (ua.indexOf('Chrome') > -1 && ua.indexOf('Edg') === -1) {
browser = 'Chrome';
version = ua.match(/Chrome\/(\d+)/)?.[1] || 'Unknown';
} else if (ua.indexOf('Firefox') > -1) {
browser = 'Firefox';
version = ua.match(/Firefox\/(\d+)/)?.[1] || 'Unknown';
} else if (ua.indexOf('Safari') > -1 && ua.indexOf('Chrome') === -1) {
browser = 'Safari';
version = ua.match(/Version\/(\d+)/)?.[1] || 'Unknown';
} else if (ua.indexOf('Edg') > -1) {
browser = 'Edge';
version = ua.match(/Edg\/(\d+)/)?.[1] || 'Unknown';
} else if (ua.indexOf('Trident') > -1 || ua.indexOf('MSIE') > -1) {
browser = 'IE';
version = ua.match(/(MSIE |rv:)(\d+)/)?.[2] || 'Unknown';
}
return { browser, version };
}
// 使用
const info = getBrowserInfo();
console.log(info); // 如：{ browser: 'Chrome', version: '125' }
if (window.fetch) {
// 使用 fetch 发起请求
} else {
// 使用 XMLHttpRequest 回退
}