three.js在“背景”选项卡上创建WebGLRenderer时出错

大家好，
我正在一家公司工作three.js项目。
我使用typescript和webpack，您可能知道，当您使用webpack dev server并更改代码时，它会重新生成并重新加载网页。
最近，我注意到Chrome出现了一个问题，当重新加载网页时，窗口/选项卡未聚焦，上下文创建失败（这是您一直关注代码编辑器和重新加载网页时出现的情况）。
我用其他内容（在后台加载选项卡）测试了它，但似乎失败了。
我使用Chrome，版本77.0.3865.35（官方版本）beta（64位）
它在Edge或Firefox中不会出现。
因此，首先，我想检查一下还有谁有这个问题吗？
还有，你认为什么是正确的处理方法？
现在我这样做：
如果（>
足够简单，我认为我只需要渲染，即使在后台，我仍然可以加载资产（尽管无法访问功能是一个问题）。
但我仍然偶尔会遇到一些错误。
如果您注意到同样的问题，您如何处理来自Chrome的新“优化”？
非常感谢。
问候。
我在Chrome上从未遇到过这样的问题。在任何情况下，使用页面可见性API可能是检测活动选项卡的更好方法。MDN Web Docs页面可见性API 3
页面可见性API提供了您可以观察的事件，以了解文档何时变为可见或隐藏，以及查看页面当前可见性状态的功能。
我刚刚在MacOS上测试了我的Chrome浏览器，重新加载网页包不会给我带来任何WebGL上下文问题。我的Chrome版本是76.0.3809，据我的浏览器1所说，截至今天8月20日，所有操作系统的最新Chrome版本都是76.0。你是怎么得到Chrome77.0的？您使用的是开发版还是测试版？n@marquizzo感谢您的测试。是的，正如我所写的，我使用的版本是Beta版（不过我在Windows上）。
如果不仅仅是我的设置，很多three.js开发人员很快就会收到投诉…我在寻找three.jsshowcase类别中的应用程序，除非在focus上启动该选项卡，否则它们都会失败。
如果您想尝试一下，可以通过安装Canary来尝试吗？它可以与Chrome一起安装。@Mugen87
我将检查此API，谢谢。在不必实例化WebGLRenderer的情况下获得这些功能怎么样？可能吗？它可以作为一个静态参数吗？
编辑：我在visibility API上遇到了同样的问题，所以我尝试了canary和重新安装stable Chrome，在这两个版本中，即使在后台选项卡上也可以正常工作。
我可能是Beta版中的一个bug，已经修复了……
无论如何，很高兴这不是Chrome之类的新优化策略。
感谢您的反馈。horsetopus:
我会检查此API，谢谢。在不必实例化WebGLRenderer的情况下获得这些功能怎么样？可能吗？它可以作为一个静态参数吗？
不，这是不可能的。您需要WebGLRenderer的实例才能访问WebGLCapabilities，因为此类内部需要WebGL呈现上下文
Error when creating WebGLRenderer on background tabsn

three.js在“背景”选项卡上创建WebGLRenderer时出错

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形