如何不使用navigator.deviceMemory获取设备RAM总量？

我正在开发一款具备PC管理等功能的Web应用，其中一个标签页需展示RAM使用情况，希望通过JavaScript获取并显示设备当前的RAM总量（如16GB、32GB等）。我曾尝试使用navigator.deviceMemory API，但该API上限为8GB且整体精度不足。请问是否有其他方法可用于检测并显示设备RAM总量？

当前使用的代码如下：

JavaScript代码 #

function homePageStatsBarRandomTip() {
  var homePageStatsInnersBarPRamBottom = document.getElementById('homePageStatsInnersBarPRamBottom')

  homePageStatsInnersBarPRamBottom.innerHTML = navigator.deviceMemory + 'GB'
}

CSS代码 #

.home-page-stats-inners-bar-p-ram-bottom {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translatey(-50%) line-height: 10px;
  font-size: 20px;
  font-weight: 700;
  color: #999;
}

HTML代码 #

<body onload="homePageStatsBarRandomTip()">
  <p class="home-page-stats-inners-bar-p-ram-bottom" id="homePageStatsInnersBarPRamBottom">blue</p>
</body>

由于浏览器安全限制，前端无法直接获取精确的物理内存总量，但可以通过以下几种方式近似获取或绕过navigator.deviceMemory的限制：

1. 使用performance.memory（Chrome/Edge专属） #

Chrome和基于Chromium的浏览器提供了非标准的performance.memory API，可结合内存使用比例估算物理内存总量：

function getTotalRAMApprox() {
  if (!window.performance?.memory) return '无法获取';
  
  // 基于堆内存上限与物理内存的大致比例（约20%）反向推导
  const totalHeap = performance.memory.totalJSHeapSize;
  const approxTotalRAM = (totalHeap / 0.2) / (1024 ** 3); // 转换为GB
  return approxTotalRAM.toFixed(1) + 'GB';
}

// 更新显示逻辑
function homePageStatsBarRandomTip() {
  const elem = document.getElementById('homePageStatsInnersBarPRamBottom');
  elem.innerHTML = getTotalRAMApprox();
}

注意：该API默认返回近似值，需在Chrome中开启chrome://flags/#enable-precise-memory-info才能获取精确数据。

2. 内存压力测试估算（通用但体验有影响） #

通过创建Web Worker持续分配内存，直到触发内存不足错误，以此估算内存总量：

async function estimateTotalRAM() {
  let totalRAM = 0;
  const chunkSize = 1024 * 1024 * 32; // 每次分配32MB
  let workers = [];

  try {
    while (true) {
      const worker = new Worker(URL.createObjectURL(new Blob([`
        let buffer = new ArrayBuffer(${chunkSize});
        self.postMessage('allocated');
      `], { type: 'application/javascript' })));
      
      await new Promise(resolve => {
        worker.onmessage = resolve;
        worker.onerror = () => { throw new Error('OOM'); };
      });
      
      workers.push(worker);
      totalRAM += chunkSize;
    }
  } catch (e) {
    // 清理worker并修正估算值
    workers.forEach(w => w.terminate());
    const totalRAMGB = (totalRAM / (1024 ** 3)).toFixed(1);
    return (parseFloat(totalRAMGB) * 1.1).toFixed(1) + 'GB';
  }
}

// 更新显示逻辑
async function homePageStatsBarRandomTip() {
  const elem = document.getElementById('homePageStatsInnersBarPRamBottom');
  elem.innerHTML = await estimateTotalRAM() || '无法获取';
}

注意：该方法会短暂占用大量内存，建议仅在用户主动触发时使用，避免影响正常浏览体验。

3. 用户代理辅助判断（仅作降级方案） #

通过解析用户代理字符串，结合常见设备配置给出估算值，精度极低，仅作为 fallback：

function getRAMFromUserAgent() {
  const ua = navigator.userAgent;
  if (/Windows NT 10\.0/.test(ua) && /Chrome/.test(ua)) {
    return '16GB（估算）';
  } else if (/Mac OS X/.test(ua)) {
    return '8GB/16GB（估算）';
  }
  return '无法获取';
}

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