WebGL 是一种在网页上实现高性能图形渲染的技术。但是，不是所有的浏览器都支持 WebGL，因此在使用 WebGL 前应该检查浏览器是否支持它。
检测 WebGL 支持的方法
方法一： getContext 函数
WebGL 是使用 canvas 标签来实现的，可以通过调用 canvas.getContext('webgl') 函数来检查浏览器是否支持 WebGL。如果浏览器支持 WebGL，getContext 函数将返回一个非空值，否则返回 null。
以下是检测 WebGL 支持的示例代码：
----- ------ - --------------------------------- ----- -- - --------------------------- -- ---- - ------------------ -- ------------- - ---- - ------------------ -- --- ------------- -
方法二：Modernizr 库
Modernizr 是一个 JavaScript 库，用于检查浏览器是否支持各种 HTML5 和 CSS3 特性。它可以检测 WebGL 是否受支持并提供相应的 CSS 类名和 JavaScript 变量。
以下是使用 Modernizr 检测 WebGL 支持的示例代码：
--------- -----
------
------
------------ ------------
------- ----------------------------
-------
------
---- ------------
---- ------- ------------------- ---
-- ---------------------- ---------------
-- ------------------- -- --------------
-- ---------------------- -- --- --------------
------
-------
-------结论
检测浏览器是否支持 WebGL 的最佳方式是使用 getContext 函数。如果您需要检查其他 HTML5 和 CSS3 特性，可以考虑使用 Modernizr。
在使用 WebGL 时，请始终确保实现回退方案，以便您的网站或应用程序可以在不支持 WebGL 的浏览器上运行。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/15727