javascript - 测量网页的内存使用情况

Question

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

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

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

问题是:

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

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

Answer 1

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

从另一方面看，如果渲染器什么都不做，那么内存大小不会改变。

如果您绝对确定您需要内存数据，那么您可以设置一个什么都不做的计时器。

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