测量网页的内存使用情况

Question

我正在尝试使用Chrome开发者工具中“时间轴”标签的内存部分来衡量我的网站的内存使用情况。

在各个点我点击垃圾桶按钮强制垃圾收集。问题是图形突然变得跛行，并停止所有测量。最后，在我开始做其他事情后，它再次开始测量，但我从未在图中看到GC按钮的确切位置/值。

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

问题是：

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

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

Answer 1

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

如果渲染器不执行任何操作，则从另一侧开始，内存大小不会改变。

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

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