前端如何判断用户的电脑是 arm 还是 x86？

universe_king

3.4k13389845

发布于
2023-12-07 浙江

更新于
2023-12-07

前端如何判断用户的 mac 是 arm 还是 x86

https://www.telerik.com/download/fiddler-everywhere

下载 fiddler-everywhere 的时候，它监测到了我的电脑是 arm

怎么实现的？浏览器的 UA 都还是谎称自己是 intel

图片.png

是通过 js 调用浏览器 API 获得的结果吗？对应的 API 是哪个呢？

javascript macos arm x86

阅读 3.2k

AI BotBETA

该问题可以通过 JavaScript 调用浏览器 API 来实现。在浏览器中，存在一个名为 navigator.userAgent 的属性，它包含了浏览器用于标识自身的一系列标识符信息，其中就包括了 CPU 的类型。

在苹果电脑上，如果 CPU 是 ARM 架构的，那么 navigator.userAgent 属性中就会包含 "CPU OS X" 字样，并且在该字样后面会跟着 CPU 的类型，例如 "CPU OS X ARM" 或者 "CPU OS X ARM64"。因此，通过判断 navigator.userAgent 中是否包含这些标识符，就可以判断出用户的电脑是否为 ARM 架构的。

下面是一段示例代码，可以用来检测用户电脑的 CPU 类型：

const userAgent = navigator.userAgent;
const isARM = /CPU OS X ARM/.test(userAgent) || /CPU OS X ARM64/.test(userAgent);
console.log(isARM ? 'This is an ARM computer.' : 'This is not an ARM computer.');

这段代码首先获取了 navigator.userAgent 属性的值，然后使用正则表达式检测该字符串中是否包含 "CPU OS X ARM" 或者 "CPU OS X ARM64" 字样。如果包含，那么就认为用户的电脑是 ARM 架构的。最后，将结果输出到控制台中。

需要注意的是，由于 navigator.userAgent 属性可以被用户或某些软件篡改，因此这种检测方法并不是完全可靠的。此外，由于这种方法是基于浏览器的特性来实现的，因此它也只能在浏览器环境下运行。在非浏览器环境下，例如在微信小程序、桌面应用等环境下，该方法就无法使用了。

2 个回答

得票最新

玛拉_以琳

8.7k41542

发布于
2023-12-07 上海

更新于
2023-12-07

navigator.userAgentData.getHighEntropyValues(["architecture", "bitness"])
 .then(ua => {
   if (navigator.userAgentData.platform === "Windows") {
     if (ua.architecture === 'x86') {
       if (ua.bitness === '64') {
         console.log("x86_64");
       }
       else if (ua.bitness === '32') {
         console.log("x86");
       }
     }
     else if (ua.architecture === 'arm') {
       if (ua.bitness === '64') {
         console.log("ARM64");
       }
       else if (ua.bitness === '32') {
         console.log("ARM32");
       }
     }
   }
   else {
     console.log("Not running on Windows");
   }
 });