您如何使用 Chrome 分析器中的堆快照来寻找内存泄漏？答案

【问题标题】：How do you use heap snapshots from the Chrome profiler to hunt for memory leaks?您如何使用 Chrome 分析器中的堆快照来寻找内存泄漏？
【发布时间】：2020-09-17 02:42:19
【问题描述】：

我真的不知道如何使用堆快照中显示的信息来寻找在我的应用程序中使用这么多内存的东西。我知道，当我在顶视图窗口中单击一个特定项目时，它的分层属性所有权/引用显示在可折叠树的底部窗口下方。但就是这样。我有一种模糊的感觉，无论问题是什么，它都与我项目中的文件 sc2_env.js 有关，但我不知道从那里去哪里。

任何关于如何更好地浏览这些堆快照的建议将不胜感激！

对于任何感兴趣的人，我已经链接了堆快照文件here

【问题讨论】：

标签： javascript google-chrome memory-leaks profiler

【解决方案1】：

例如，您想在 sc2_env.js 文件中深入了解的内容是第 112 行（可能在您拍摄快照的服务器上的编译文件上，然后转到本地文件）。
请记住这一点并分析其他泄漏，然后您将修复这些内存泄漏。

【讨论】：

但是该文件的第 112 行正是 SC2Env 类的构造函数开始的地方。我不明白这有什么用。隐含的提示是什么？
您应该检查 Sources 选项卡上的文件，而不是本地开发人员上的文件。
在sources面板中完全一样； sc2_env.js 的第 112 行仍然只是 SC2Env 类的构造函数的开始
也许该对象可能没有被处置或其他什么。您可能想与您的团队核实一下。