javascript - 如何使用 Javascript 清除浏览器内存

Question

我有一个简单的单页应用程序，可以无限地滚动一堆照片，一次可以在显示屏上运行几天。

由于大量滚动图片，Chrome 中的内存使用量不断增长。我想要一种以编程方式定期(每隔几个小时)减少内存消耗的方法。

当我以编程方式停止动画时，内存占用仍然没有减少。即使我使用 location.reload(); 重新加载页面，它也不会下降。

有办法做到这一点吗？如何以编程方式“清除所有内容”，与关闭选项卡具有相同的效果？

仅供引用，在 Firefox 中不存在内存问题。就在 Chrome 中。代码非常简单，使用 requestAnimationFrame 在屏幕上不断地对两个 div 进行动画处理。我没有在任何地方积累引用资料。我的问题不是专门针对我的代码，而是关于重置选项卡内存的一般方法(如果可以的话)。

Answer 1

请用chrome或Firefox内存调试器找出内存泄漏的位置。然后，当你找到时，想想如何清理这个对象。

内存泄漏的合理原因是:

1. 您正在加载大图像，您需要在服务器上调整其大小，或者只是将其绘制到较小的 Canvas 上
2. 您有太多 dom 元素(例如超过 10000 的示例)
3. 你有一些 js 对象，它们是长大了，你却没有清理它。

在任务管理器中您会看到，内存使用率非常高。如果您在地址栏中输入关于内存，然后按“测量”按钮，您就可以在 Firefox 中查看内存的情况。