当标签页处于非活动状态时，Chrome WebGL停止呈现

Question

我正在使用Cesium JS，它是WebGL映射框架。

[在Chrome上更改标签页时，将标签页切换回Webgl页面一段时间后，会出现灰屏。我了解，当标签在一段时间内处于非活动状态时，Chrome会禁用Webgl呈现。

当Tab重新回到活动状态时，如何重置或启动Webgl以再次开始渲染？

我注意到，当物理上更改浏览器窗口大小时，这将重新呈现webgl，但是我无法以编程方式在标签焦点上设置窗口大小。

Answer 1

只需检查，可能是上下文丢失了，如果您将看到此日志，只需刷新您的上下文

canvas.addEventListener("webglcontextlost", function(event) {
    console.log('lost');
    event.preventDefault();
}, false);

good source for you