如何做WebGL兼容性检查（WebGL compatibility check）,示范代码

15 min read

要进行WebGL兼容性检查，您可以使用以下示例代码：

var canvas = document.createElement('canvas');
var gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
if (gl && gl instanceof WebGLRenderingContext) {
  // WebGL is supported
} else {
  // WebGL is not supported
}

该代码会创建一个HTML5 Canvas元素，并尝试获取WebGL渲染上下文。如果成功，那么您就知道浏览器支持WebGL。否则，WebGL不受支持。

另外，您还可以检查浏览器是否支持所需的扩展。例如：

var ext = gl.getExtension('OES_texture_float');
if (ext) {
  // 'OES_texture_float' extension is supported
} else {
  // 'OES_texture_float' extension is not supported
}

您可以使用类似的方法测试其他WebGL扩展。