测量网页的内存使用情况

Question

我正在尝试使用 Chrome 开发人员工具中时间轴选项卡的内存部分来测量我的网站的内存使用情况。

在不同的点上，我点击了垃圾桶按钮来强制进行垃圾收集。问题是图表突然变得软弱无力，并停止了所有测量。最终，在我开始做其他事情后，它又开始测量，但我从未在图表上看到我点击 GC 按钮的确切位置/值。

前两个向下的斜坡在我点击垃圾收集按钮后立即开始，后来它们只是在我工作后连接到一个新的当前值。

问题是：

有没有办法强制这个图表保持或开始测量？或者，在 JavaScript 中是否有一种简单的方法来console.log 当前的内存使用值？

作为一个相关问题，有没有办法指向图表上的某个点并查看该点的确切内存使用情况？

Answer 1

时间轴记录渲染器端发生的事件。每个事件记录也有“内存使用”字段。时间线将这些数字用于内存图。因此，如果在某个时间间隔内没有事件，则内存图不会显示任何内容。

如果渲染器什么都不做，那么内存大小不会改变。

如果您绝对确定需要内存数据，那么您可以设置一个不执行任何操作的计时器。

例如你可以在控制台中执行setInterval(function() {}, 1000); 在这种情况下，Timeline 将获取带有内存使用数据的计时器事件并绘制内存图。