如何解决H5游戏的内存泄露

概述

Chrome 提供了一个很好的内存分析工具，可以帮忙分析 H5 游戏哪些地方有内存泄露的问题。
此方法也适用于微信小游戏，或者各种 oppo，vivo，抖音等等小游戏系列。

内存分析步骤

首先进入要调试的 H5 游戏，然后按 F12 快捷键打开调试器。

点击“内存”页签，可以看到默认选中“堆快照”，如果点击“拍摄快照”按钮，则会马上记录当前的内存快照数据，在记录之前，会自动先进行GC清理（相当于点击了左边那个小垃圾桶图标）。

注意这里不包含显存纹理。

记录第一个快照

针对我们要检查内存泄露的界面，可以先打开关闭几次，让内存稳定下来，然后在界面关闭的情况下，点击记录快照。

这时可以看到左边栏出现一个“快照1”，这时候的内存已经经过GC清理。

右边红框显示的是记录那一刻，内存里的实例。
里面不仅包含我们游戏代码里的数据，还会包含一些浏览器用到的系统变量，编译数据等等，大家要仔细分辨。

记录第二个快照

我们再次打开刚才的游戏界面，然后关闭。
点击左上角的实心圆按钮（相当于第一步的按钮“拍摄快照”），记录第二次内存快照。