问如何释放和垃圾收集WebGL上下文？

EN

我想我可能误解了你的问题

你说你在做艰苦的复习。意味着你在浏览器中按刷新？在这种情况下，首先我会禁用所有的扩展，看看问题是否仍然存在。如果是的话，我会向mozilla提交一个bug

否则，如果你试图免费的画布，创造一个知道的，并希望垃圾收集良好。这是我在重读你的问题之前写的答案

简单地说，你不能强迫垃圾收集。你最好还是重复使用同样的画布。

这里有一个解决方案来释放所有数据并重新设置画布

如何在使用后从GPU中清理和卸载WebGL画布上下文？

但是，在您的特定情况下，您是否100%确定没有保留对WebGL上下文或画布的某些引用？例如，如果你这样做

canvas.addEventListener('click', function(..) {});

你刚刚做了一个绝不会被垃圾收集的画布。它附带了一个事件侦听器函数。您没有办法删除该函数，因为您没有保留对它的引用。您需要删除所有侦听器，作为可能泄漏引用的许多方法的一个示例。

有很多方法可以意外地保存对画布和WebGL对象等HTML元素的引用。保持超过零的引用，它将永远不会被垃圾收集。

这里有一些关于发现漏洞的提示

另一方面，如果是我，我会尝试重复使用画布。为了确保我释放了所有我可能调用的跟踪所有资源的创建/删除函数。示例

var textures = [];
function createTexture(gl) {
  var tex = gl.createTexture();
  textures.push(txt);
}

function deleteTexture(gl, tex) {
  gl.deleteTexture(tex);
  textures.splice(textures.indexOf(tex), 1);
}

因为我正在跟踪所有的纹理，所以我可以很容易地删除所有剩下的纹理

while (textures.length) {
  gl.deleteTexture(textures.pop());
}