JavaScript内存获取

最新推荐文章于 2025-05-27 14:52:25 发布

转载最新推荐文章于 2025-05-27 14:52:25 发布 · 4.9k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c7f9cb9e51d451f006ec9a7

文章标签：

#javascript #前端 #ViewUI

本文介绍了JavaScript中通过window.performance.memory获取浏览器内存使用情况的方法，该特性主要应用于Chrome浏览器，提供JavaScript应用内存使用的相关指标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript内存获取

window.performance.memory是Google Chrome中的一项适当扩展程序，它提供了我们的JavaScript应用程序如何使用浏览器内存的一瞥。它公开了以下指标：

{
  totalJSHeapSize: 29400000,
  usedJSHeapSize: 15200000,
  jsHeapSizeLimit: 1530000000
}
复制代码

使用示例

(function() {
  // Tune these for your application.
  var MAX_MEMORY_LIMIT = 20 * 1048576; // 20MB
  var MAX_PERCENT_THRESHOLD = 90;

  if (!window.performance || !window.performance.memory || !window.requestAnimationFrame || !window.trackJs) { return; }
  var hasAlarmed = false;

  requestAnimationFrame(function onFrame(){

    // Check if we've exceeded absolute memory limit
    if (performance.memory.usedJSHeapSize > MAX_MEMORY_LIMIT) {
      hasAlarmed = true;
      var overage = performance.memory.usedJSHeapSize - MAX_MEMORY_LIMIT;
      trackJs.track(new Error('Exceeded memory maximum limit by ' + overage + ' bytes'))
    }

    // Check if we've exceeded relative memory limit for client
    if (performance.memory.usedJSHeapSize > (MAX_PERCENT_THRESHOLD/100) * performance.memory.jsHeapSizeLimit) {
      hasAlarmed = true;
      trackJs.track(new Error('Memory usage exceeded ' + MAX_PERCENT_THRESHOLD + '% of maximum: ' + performance.memory.jsHeapSizeLimit))
    }

    // Only alert once
    if (!hasAlarmed) {
      requestAnimationFrame(onFrame);
    }
  });
})();
复制代码

转载于:https://juejin.im/post/5c7f9cb9e51d451f006ec9a7