监控网页JS堆内存

(⊙o⊙)~哦

于 2024-09-27 22:08:24 发布

阅读量253

点赞数 2

分类专栏：前端文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_44248903/article/details/142478380

版权

前端专栏收录该内容

31 篇文章 0 订阅

订阅专栏

function monitorMemory() {
  const memory = window.performance.memory;
  const totalLimit = memory.jsHeapSizeLimit / 1024 / 1024;
  const total = memory.totalJSHeapSize / 1024 / 1024;
  const used = memory.usedJSHeapSize / 1024 / 1024;
  console.log(`totalLimit memory: ${totalLimit} MB`);
  console.log(`Total memory: ${total} MB`);
  console.log(`Used memory: ${used} MB`);
}

setInterval(monitorMemory, 2000);

jsHeapSizeLimit表示的是当前上下文内可用堆的最大体积，以字节计算。
totalJSHeapSize表示的是已分配的堆体积，以字节计算。
usedJSHeapSize表示的是当前正在使用的堆体积，以字节计算。
通常情况下，usedJSHeapSize不能大于totalJSHeapSize，否则可能会出现内存泄漏。