检查客户端浏览器中是否支持并启用了WebGL2

Question

我想检查用户浏览器中是否启用了WebGL 2并支持WebGL 2。

关于WebGL 1的文章很多，但我没有发现与WebGL版本2相关的任何内容。

Answer 1

检查canvas上下文在const isWebGL2Supported = () => !!document.createElement('canvas').getContext('webgl2') isWebGL2Supported() ? console.log('supported') : console.log('unsupported')元素上是否可用，像这样：

plot

Answer 2

您应该检查的方法只是查看尝试获取webgl2上下文是成功还是失败

const gl = document.createElement('canvas').getContext('webgl2');
if (!gl) {
  console.log('your browser/OS/drivers do not support WebGL2');
} else {
  console.log('webgl2 works!');
}
  

您还可以检查是否存在window.WebGL2RenderingContext，以猜测是否是不支持WebGL2的浏览器或用户的OS / GPU /驱动程序。

const gl = document.createElement('canvas').getContext('webgl2');
if (!gl) {
  if (typeof WebGL2RenderingContext !== 'undefined') {
    console.log('your browser appears to support WebGL2 but it might be disabled. Try updating your OS and/or video card drivers');
  } else {
    console.log('your browser has no WebGL2 support at all'); 
  }
} else {
  console.log('webgl2 works!');
}