未捕获的错误：此浏览器不支持 WebGL答案

【问题标题】：Uncaught Error: WebGL unsupported in this browser未捕获的错误：此浏览器不支持 WebGL
【发布时间】：2021-01-14 23:10:28
【问题描述】：

您好，我正在尝试使用 PixiJS 在我的浏览器中呈现内容，但我不断收到一个非常烦人的错误：

Uncaught Error: WebGL unsupported in this browser, use "pixi.js-legacy" for fallback canvas2d support.

我的浏览器支持 WebGL：https://i.gyazo.com/8e55f75c74dd738c55d646bce3cdc294.png

这是我非常简单的 js：

let app = new PIXI.Application({width: 800, height: 800});
document.body.appendChild(app);

还有我的html：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<script src="pixi.min.js"></script>
<script src="chess.js"></script>

<body>

</body>
</html>

【问题讨论】：

我使用旧版本修复了它，但我真的很想知道如何使用当前版本修复它。
你用的是哪个浏览器？

标签： javascript pixi.js

【解决方案1】：

更新

我认为你需要更新 pixi.js 设置如下ref1 ref2:

PIXI.settings.FAIL_IF_MAJOR_PERFORMANCE_CAVEAT = false;

请注意，浏览器现在默认支持低性能。因此它可能会限制当前页面呈现可能需要高性能的 3d。您可以跟进需要在上下文中传递的failIfMajorPerformanceCaveat，或者您可以强制浏览器设置如下：

所以

火狐

进入about:config，搜索webgl.disabled，确保其值为false。
转到 about:config，搜索 webgl.force-enabled，将其设置为 true。
进入about:config，搜索layers.acceleration.force-enabled，设置为true。
重新启动您的 Firefox。

我不太确定 chrome 配置。

【讨论】：

对于 Chrome 配置，您可以在chrome://gpu 进行检查。您正在寻找 WebGL / WebGL2。如果硬件加速关闭（或仅软件），则可以在Settings > Advanced > System > Use Hardware Acceleration 下打开/关闭它。需要注意的是，如果您在 VM 中执行此操作，Chrome 将受限于您是否已在 VM 上启用 3D 加速。