测试浏览器对WebGL支持状况

目前大多数近几年的PC端浏览器和移动端浏览器基本都支持WebGL。

在线工具WebGL Report

测试工具连接:https://webglreport.com/

通过在线工具WebGL Report可以测试当前打开该链接的浏览器对WebGL 1.0和WebGL 2.0 API的支持状况。

当前浏览器打开测试连接后,如果显示对号表示当前浏览器支持当前WebGL版本。提示✓ This browser supports WebGL 1表示当前浏览器支持WebGL 1.0标准API,提示✓ This browser supports WebGL 2表示当前浏览器支持WebGL 2.0标准API。

代码测试判断

在实际的WebGL应用中,可以通过代码判断当前浏览器环境是否支持WebGL,然后反馈给用户。

通过canvas画布元素是否可以获得webgl上下文,来判断用户前端浏览器是否只webgl。

if(canvas.getContext("webgl")){
  ...
}else {
  // 如果用户当前的浏览器环境不支持webgl,可以弹出一个窗口提醒用户升级浏览器
}