首页/资讯中心/详情

User-Agent解析与浏览器检测实战指南

User-Agent解析与浏览器检测实战指南
📅 发布时间：2026/7/19 22:21:16

1. User-Agent基础解析

User-Agent（用户代理）是HTTP协议中的一个重要请求头字段，它向服务器传递客户端软件的相关信息。这个字符串包含了操作系统、浏览器类型及版本、渲染引擎等关键数据，服务器可以根据这些信息返回适配的内容。

典型的User-Agent字符串由多个部分组成，用空格分隔。以"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"为例：

  • Mozilla/5.0：历史遗留标识，现代浏览器都会包含
  • (Windows NT 10.0; Win64; x64)：操作系统信息
  • AppleWebKit/537.36：渲染引擎及版本
  • (KHTML, like Gecko)：兼容性标识
  • Chrome/91.0.4472.124：浏览器品牌及版本
  • Safari/537.36：额外兼容性标识

注意：现代浏览器出于隐私考虑，正在逐步减少User-Agent中提供的信息量。Chrome团队已宣布将逐步淘汰详细的User-Agent字符串。

2. User-Agent的组成结构

2.1 产品标识符

这是User-Agent字符串的第一个部分，通常以"产品名/版本号"的形式出现。例如：

  • Mozilla/5.0：几乎所有现代浏览器都会包含
  • Chrome/91.0.4472.124：Chrome浏览器及其版本号

2.2 系统平台信息

位于括号内的部分描述了操作系统信息：

  • Windows NT 10.0：Windows 10系统
  • Macintosh; Intel Mac OS X 10_15_7：macOS Catalina
  • Linux x86_64：64位Linux系统
  • Android 10：Android系统版本

2.3 渲染引擎信息

这部分标识了浏览器使用的渲染引擎：

  • AppleWebKit/537.36：WebKit引擎版本
  • Gecko/20100101：Firefox使用的Gecko引擎
  • Trident/7.0：IE浏览器使用的Trident引擎

2.4 浏览器扩展信息

一些浏览器会添加额外的标识：

  • Mobile：移动端浏览器
  • Tablet：平板设备
  • Safari/537.36：Safari兼容标识
  • Edg/91.0.864.59：Edge浏览器标识

3. 主流浏览器User-Agent大全

3.1 桌面浏览器

Google Chrome (Windows)

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36

Mozilla Firefox (macOS)

Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:89.0) Gecko/20100101 Firefox/89.0

Microsoft Edge (Windows)

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36 Edg/91.0.864.59

Safari (macOS)

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.1 Safari/605.1.15

Opera (Linux)

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36 OPR/77.0.4054.203

3.2 移动浏览器

Chrome (Android)

Mozilla/5.0 (Linux; Android 10; SM-G981B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.120 Mobile Safari/537.36

Safari (iPhone)

Mozilla/5.0 (iPhone; CPU iPhone OS 14_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1

Firefox (Android)

Mozilla/5.0 (Android 10; Mobile; rv:68.0) Gecko/68.0 Firefox/68.0

UC Browser (Android)

Mozilla/5.0 (Linux; U; Android 10; en-US; Redmi Note 8 Pro Build/QP1A.190711.020) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/78.0.3904.108 UCBrowser/13.1.6.1120 Mobile Safari/537.36

4. User-Agent的实用技巧

4.1 检测浏览器类型

虽然不推荐完全依赖User-Agent进行浏览器检测，但在某些场景下仍然有用：

// 检测是否为移动设备 function isMobile() { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); } // 检测是否为Chrome浏览器 function isChrome() { return /Chrome/i.test(navigator.userAgent) && !/Edge|Edg|OPR|Firefox|Safari/i.test(navigator.userAgent); }

4.2 修改User-Agent

在开发和测试中，有时需要修改User-Agent：

Chrome开发者工具

  1. 打开开发者工具(F12)
  2. 点击右上角三个点菜单
  3. 选择"More tools" > "Network conditions"
  4. 取消勾选"Use browser default"
  5. 输入自定义User-Agent字符串

Firefox about:config

  1. 在地址栏输入about:config
  2. 搜索general.useragent.override
  3. 如果没有则新建字符串首选项
  4. 输入自定义User-Agent值

4.3 服务端解析User-Agent

在Node.js中可以使用ua-parser-js库：

const UAParser = require('ua-parser-js'); const parser = new UAParser(); // 解析User-Agent字符串 const ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36'; const result = parser.setUA(ua).getResult(); console.log(result.browser); // {name: "Chrome", version: "91.0.4472.124"} console.log(result.os); // {name: "Windows", version: "10"} console.log(result.device); // {vendor: undefined, model: undefined, type: undefined}

5. 常见问题与解决方案

5.1 User-Agent被篡改或屏蔽

某些安全软件或浏览器扩展可能会修改User-Agent。解决方案：

  1. 检查浏览器扩展，禁用可疑插件
  2. 重置浏览器设置
  3. 使用navigator.userAgent和navigator.platform交叉验证

5.2 新版浏览器无法识别

由于User-Agent简化计划，新版浏览器可能返回更少信息。替代方案：

  1. 使用Feature Detection替代浏览器检测
  2. 利用navigator.userAgentDataAPI（实验性功能）
  3. 结合多种检测方法提高准确性

5.3 移动端识别不准确

移动设备User-Agent复杂多变，建议：

  1. 结合触摸事件检测（'ontouchstart' in window）
  2. 使用CSS媒体查询（@media (pointer:coarse)）
  3. 检查视口大小和设备像素比

6. User-Agent的未来发展

随着隐私保护意识的增强，User-Agent正在经历重大变革：

  1. User-Agent Reduction：Chrome已开始逐步减少User-Agent中的详细信息
  2. User-Agent Client Hints：新的替代方案，提供更可控的信息共享方式
  3. 冻结User-Agent字符串：部分浏览器计划固定User-Agent版本号

开发者应逐步迁移到新的检测方法，如：

  • 功能检测（Feature Detection）
  • 渐进增强（Progressive Enhancement）
  • 响应式设计（Responsive Design）

在实际项目中，我建议尽量减少对User-Agent的依赖，转而使用更现代的浏览器特性检测方法。对于必须使用User-Agent的场景，要确保代码能够优雅降级，避免因User-Agent变化导致功能失效。