如何通过JavaScript程序化检测Safari（iOS端优先）的内存使用情况？

Safari没有和Chrome完全一致的console.memory直接API，但可以通过以下几种方式程序化获取或监控内存使用情况：

• 使用performance.memory（Safari 14.1及以上版本）
  该API返回JS堆内存的统计数据，与Chrome的console.memory功能类似，包含三个核心属性：

  • usedJSHeapSize: 当前已占用的JS堆内存大小（字节）
  • totalJSHeapSize: 已分配的JS堆内存总量（字节）
  • jsHeapSizeLimit: 浏览器允许的JS堆内存最大值（字节）
    示例代码：

  if ('memory' in performance) {
    const memoryStats = performance.memory;
    console.log(`已使用堆内存: ${memoryStats.usedJSHeapSize} 字节`);
    console.log(`堆内存总量: ${memoryStats.totalJSHeapSize} 字节`);
    console.log(`堆内存上限: ${memoryStats.jsHeapSizeLimit} 字节`);
  } else {
    console.log('当前Safari版本不支持performance.memory API');
  }
  

  注意：该API仅在开启Safari开发者工具的环境下可用，生产环境中若用户未打开开发者工具，无法获取数据。

• 监听内存压力事件
  Safari支持memorypressure事件，当系统内存资源紧张时触发，可用于监控内存压力等级：

  window.addEventListener('memorypressure', (e) => {
    console.log(`内存压力等级: ${e.pressure}`);
    // pressure取值为 'moderate'（中度）、'warning'（警告）、'critical'（严重）
  });
  

  此方法无法获取具体内存数值，但能感知内存使用的临界状态，适合做内存预警处理。

• 开发者工具手动分析
  如果需要更深入的内存分析（如堆快照、内存泄漏排查），只能通过Safari开发者工具的「内存」面板手动操作，目前暂无公开API支持程序化生成堆快照或详细内存报告。

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