如何使用Javascript检测浏览器是32位还是64位？

嘿，这个问题确实有点棘手，因为浏览器本身并没有提供直接获取自身位数的API，但我们可以通过几个间接的方法来推测，下面给你分享几种实用的方案：

方法一：分析User Agent字符串 #

多数现代浏览器会在navigator.userAgent里留下一些位数相关的标识，我们可以通过解析这个字符串来判断：

function getBrowserBits() {
  const ua = navigator.userAgent;
  // WOW64表示32位程序运行在64位Windows系统上
  if (ua.includes('WOW64')) {
    return '32位浏览器（运行在64位系统中）';
  }
  // Win64/x64通常对应64位浏览器，或者64位系统上的程序
  if (ua.includes('Win64') || ua.includes('x64')) {
    return '64位浏览器';
  }
  // Win32一般对应32位浏览器（或32位系统）
  if (ua.includes('Win32')) {
    return '32位浏览器';
  }
  // 非Windows系统的情况，比如macOS现在基本都是64位，Linux同理
  if (navigator.platform.includes('64')) {
    return '大概率是64位浏览器（非Windows系统）';
  }
  return '无法准确检测，浏览器未提供足够标识';
}

// 调用示例
console.log(getBrowserBits());

不过要注意，这个方法不是100%准确——比如有些旧版Firefox可能不会在User Agent里标记位数，还有部分32位浏览器在64位系统上运行时，也可能带上Win64标识，这时候WOW64就是关键的区分点。

方法二：借助WebAssembly内存限制 #

32位程序的最大可寻址内存通常不超过4GB，而64位浏览器支持更大的内存空间。我们可以尝试分配一个接近4GB的WebAssembly内存，通过是否成功来判断：

async function checkBrowserBitsWithWasm() {
  try {
    // 尝试分配4GB内存（每页64KB，共65536页）
    const memory = new WebAssembly.Memory({ initial: 65536 });
    return '64位浏览器';
  } catch (error) {
    // 分配失败大概率是32位浏览器的内存限制导致
    return '32位浏览器或当前内存不足';
  }
}

// 调用示例
checkBrowserBitsWithWasm().then(result => console.log(result));

这个方法的局限性在于，部分浏览器可能会限制单个WebAssembly实例的内存大小，即使是64位也可能分配失败，所以最好和User Agent分析结合起来用。

总结 #

目前没有绝对完美的检测方式，因为浏览器可能会刻意隐藏这类信息，或者不同厂商的实现有差异。建议结合上述两种方法，综合判断结果，这样能提高检测的准确性。

内容的提问来源于stack exchange，提问作者Brinley