前端识别用户电脑架构（ARM或x86）

在前端开发中，识别用户设备的处理器架构（ARM或x86）至关重要，例如针对不同架构优化应用功能。本文介绍两种方法：

方法一：利用navigator.userAgentData API

现代浏览器提供navigator.userAgentData API，能获取高精度设备信息，包括处理器架构和位数。以下代码片段演示如何使用该API：

立即学习“前端免费学习笔记（深入）”；

Miller CSV TSV JSON 数据处理器

Miller (mlr) 是一个命令行工具，用于查询、整形和重新格式化名称索引数据，如 CSV、TSV、JSON 和 JSON Lines。它将 awk、sed、cut、join 和 sort 的功能整合到一个专为结构化数据处理而构建的单一工具中。

下载

<code class="javascript">navigator.userAgentData.getHighEntropyValues(["architecture", "bitness"])
  .then(ua => {
    if (ua.architecture === "x86") {
      console.log(ua.bitness === "64" ? "x86_64" : "x86");
    } else if (ua.architecture === "arm") {
      console.log(ua.bitness === "64" ? "ARM64" : "ARM32");
    } else {
      console.log("无法识别架构");
    }
  });</code>

此方法更可靠，因为它直接从浏览器获取信息，避免了对userAgent字符串的解析带来的不确定性。

方法二：分析userAgent字符串

传统方法是分析navigator.userAgent字符串，但此方法的可靠性较低，因为userAgent字符串的内容可能因浏览器和操作系统而异。 例如，ARM设备的userAgent字符串可能包含"arm"或"aarch64"，而x86设备可能包含"i386"或"x86_64"。 然而，这种方法容易出错，因为userAgent字符串的格式并不标准化。 因此，建议优先使用navigator.userAgentData API。

选择哪种方法取决于你的项目需求和浏览器兼容性要求。 navigator.userAgentData API是首选方法，因为它更准确可靠。 但如果需要支持非常旧的浏览器，则可能需要使用userAgent字符串分析方法，并做好容错处理。