前端如何准确识别用户电脑架构：ARM还是x86？-js教程-PHP中文网

前端如何准确识别用户电脑架构：ARM还是x86？

霞舞

发布： 2025-02-21 10:40:02

原创

1254人浏览过

前端如何准确识别用户电脑架构：arm还是x86？

如何通过前端代码精准判断用户电脑架构（ARM或x86）

随着ARM架构Mac的普及，开发者需要可靠方法区分用户设备架构。本文介绍两种前端识别用户电脑架构的方法。

方法一：利用Navigator.userAgentData API

navigator.userAgentData API提供了一种标准化、高精度的方法获取用户设备信息，包括架构和位数。

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

<code class="javascript">navigator.userAgentData.getHighEntropyValues(["architecture", "bitness"])
  .then(ua => {
    // 处理结果
    if (ua.architecture === 'x86') {
      // x86架构
    } else if (ua.architecture === 'arm') {
      // ARM架构
    }
  });</code>

登录后复制

该方法适用于大多数现代浏览器。

知我AI·PC客户端

离线运行 AI 大模型，构建你的私有个人知识库，对话式提取文件知识，保证个人文件数据安全

查看详情

方法二：分析Navigator.userAgent字符串 (备选方案)

传统的navigator.userAgent字符串也能提供架构信息，但准确性较低，且兼容性受限。

<code class="javascript">const userAgent = navigator.userAgent;
if (userAgent.includes('arm') || userAgent.includes('ARM')) {
  // 可能为ARM架构
} else if (userAgent.includes('Intel') || userAgent.includes('AMD')) {
  // 可能为x86架构
}</code>

登录后复制

此方法依赖于userAgent字符串的格式，不同浏览器和设备差异较大，结果可能不准确。

重要提示: