JavaScript获取用户User-Agent（UA）信息完整示例

解析用户的 User-Agent（UA）字符串来获取设备信息（例如操作系统、浏览器、设备类型等）通常需要通过正则表达式匹配来识别不同的 UA 模式。为了简化这一过程，我们可以使用一个 JavaScript 函数来实现。下面是一个简单的示例，它会返回用户的设备信息，包括操作系统、浏览器、设备类型等：

function parseUserAgent(ua) {
  const result = {
    os: null,        // 操作系统
    browser: null,   // 浏览器
    device: null,    // 设备类型
    version: null,   // 浏览器版本
  };

  // 检测操作系统
  const osPatterns = {
    Windows: /Windows NT (\d+\.\d+)/,
    MacOS: /Mac OS X (\d+_\d+)/,
    Linux: /Linux/,
    iOS: /iPhone|iPad|iPod/,
    Android: /Android (\d+\.\d+)/,
    ChromeOS: /CrOS/,
  };

  for (const [os, pattern] of Object.entries(osPatterns)) {
    const match = ua.match(pattern);
    if (match) {
      result.os = os;
      result.version = match[1].replace('_', '.');  // 替换 MacOS 中的 "_" 为 "."
      break;
    }
  }

  // 检测浏览器和版本
  const browserPatterns = [
    { name: "Chrome", regex: /Chrome\/(\d+\.\d+)/ },
    { name: "Safari", regex: /Version\/(\d+\.\d+)/ },
    { name: "Firefox", regex: /Firefox\/(\d+\.\d+)/ },
    { name: "Edge", regex: /Edg\/(\d+\.\d+)/ },
    { name: "Opera", regex: /OPR\/(\d+\.\d+)/ },
    { name: "IE", regex: /Trident.*rv:(\d+\.\d+)/ }, // Internet Explorer
  ];

  for (const { name, regex } of browserPatterns) {
    const match = ua.match(regex);
    if (match) {
      result.browser = name;
      result.version = match[1];
      break;
    }
  }

  // 检测设备类型
  if (/mobile/i.test(ua)) {
    result.device = 'Mobile';
  } else if (/tablet/i.test(ua)) {
    result.device = 'Tablet';
  } else {
    result.device = 'Desktop';
  }

  return result;
}

// 示例用法
const userAgent = navigator.userAgent;  // 获取当前浏览器的 User-Agent 字符串
const deviceInfo = parseUserAgent(userAgent);

console.log(deviceInfo);

代码解析：
1.操作系统检测：通过正则表达式匹配 User-Agent 字符串中的操作系统信息，并提取操作系统类型及其版本。常见的操作系统包括 Windows、MacOS、Linux、iOS、Android 等。

2.浏览器检测：通过正则表达式匹配浏览器名称和版本。我们匹配了常见浏览器（Chrome、Safari、Firefox、Edge、Opera 和 Internet Explorer）。

3.设备类型检测：通过检查 User-Agent 字符串是否包含 mobile 或 tablet 来确定设备类型。如果没有，则默认是桌面设备。

4.返回结果：返回一个包含操作系统、浏览器、设备类型和浏览器版本的对象。

示例输出：
假设浏览器的 User-Agent 字符串为：

const userAgent = "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 字符串为：

{
  os: 'Windows',
  browser: 'Chrome',
  device: 'Desktop',
  version: '91.0'
}

提示：
1.浏览器和操作系统匹配：这个实现覆盖了常见的浏览器和操作系统，但对于一些不太常见的情况可能没有做处理。你可以根据实际需求扩展正则表达式。

2.设备类型：此处的设备类型识别是简化版，通过简单的正则判断是否是移动设备或平板设备。如果需要更准确的检测，可能需要更复杂的逻辑。

3.自定义：可以根据具体需求定制返回的信息，或者加入更多的设备属性识别。