不同浏览器中WebGPU搭配Three.js使用后出现白屏问题求助

• 浏览器预览版更新引入的兼容性bug：Canary、Dev这类渠道是每日推送更新的测试版本，WebGPU作为还在完善的特性，很可能某次更新里的API调整、逻辑bug刚好和你当前使用的Three.js版本冲突。你可以尝试回滚到之前能正常运行的浏览器旧版本，对比验证是否是更新导致的问题。
• WebGPU硬件加速状态异常：浏览器更新后可能重置了chrome://flags/#enable-webgpu的设置，或者系统层面的GPU权限、硬件状态发生变化。打开chrome://gpu页面，查看WebGPU的状态，如果显示"Software only, hardware acceleration unavailable"，说明浏览器已经禁用了GPU硬件加速，需要排查平板GPU驱动或硬件是否有异常。
• Three.js版本与WebGPU实现不匹配：如果这段时间你更新了Three.js，新版本可能依赖的WebGPU特性在浏览器更新后被修改；或者浏览器更新后的WebGPU新特性，导致旧版Three.js的渲染逻辑无法正常初始化。可以锁定到之前能正常工作的Three.js版本测试。
• 平板GPU资源过载或过热：持续运行WebGPU渲染场景可能导致平板GPU过热，触发系统降频甚至强制关闭硬件加速，最终表现为白屏。让平板冷却后再测试，同时关闭后台占用GPU的应用。
• 浏览器缓存或存储数据损坏：浏览器的缓存、站点存储数据损坏可能影响WebGPU上下文的创建。尝试清除浏览器的缓存和当前站点的存储数据，重新加载页面。

这类问题在WebGPU的预览阶段非常普遍——毕竟浏览器厂商和Three.js都在快速迭代WebGPU相关的实现，版本兼容性问题时有发生，很多开发者都遇到过类似的"初期正常、更新后白屏"的情况。

内容的提问来源于stack exchange，提问作者Spiri