Проверьте, поддерживается ли WebGL2 и включен ли он в браузере клиента.

Question

Я хочу проверить, включен ли WebGL 2 и поддерживается ли он в браузере пользователя.

Для WebGL 1 много сообщений, но я не нашел ничего связанного с WebGL версии 2.

Answer 1

Способ, которым вы должны проверять, это просто посмотреть, если попытка получить 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 или ОС / 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!');
}

Answer 2

Проверьте, доступен ли webgl2 контекст для элемента canvas, например:

const isWebGL2Supported = () => !!document.createElement('canvas').getContext('webgl2')

isWebGL2Supported() ? console.log('supported') : console.log('unsupported')