javascript - 检查浏览器是否支持 WebGL 的 "Cheap"方法是什么？ (使用JS)

Question

据我所知，Canvas API 不再支持 probablySupportsContext，而运行 !!canvas.getContext('webgl') 至少支持据我所知，非常昂贵且缓慢。

判断使用 JavaScript 的客户端是否支持 WebGL 的最佳且性能消耗最少的方法是什么？

Answer 1

我会想象像 Modernizr 这样的流行图书馆的方式它会注重性能吗？当 probablySupportsContext 不可用时，他们使用 supportsContext 并检查 canvas 元素是否支持它们，否则他们在 中寻找 WebGlRenderingContext >window 对象。

来源:https://github.com/Modernizr/Modernizr/blob/master/feature-detects/webgl.js

var canvas = document.createElement('canvas');
var supports = 'probablySupportsContext' in canvas
    ? 'probablySupportsContext'
    :  'supportsContext';


if (supports in canvas) {
  return canvas[supports]('webgl') || canvas[supports]('experimental-webgl');
}

return 'WebGLRenderingContext' in window;

除了按照您已经展示的方式创建上下文之外，我认为没有其他方法可以检测此功能。