一、通过浏览器查看支持情况

1.1 开启硬件加速、硬解码

访问 chrome://settings/system 或 点击右上角“菜单-->设置-->系统设置-->硬件加速”，开启“智能开启硬件加速”、”视频硬解码”选项 （如果可用）（如 图 1）：

1.2 查看支持情况

在浏览器地址栏输入 chrome://gpu，查看以下关键项是否为 ‌绿色（如 图 2），如果为绿色（如Hardware accelerated）,则表示浏览器支持，其他颜色不支持‌：

Canvas        # webgl 3d支持情况‌
WebGL         # webgl 3d支持情况‌
Video Decode  # 硬件解码支持情况

二、查看硬件支持情况

1.1 硬件解码支持情况

安装vdpauinfo包

apt install vdpauinfo  # 安装包
vdpauinfo             # 运行命令

命令输出的结果中（如 图 3），若命令输出Decoder capacity字段信息中，显示支持的编解码格式（如H.264、VP9、HEVC等），则硬件解码可用。

2.2 WebGL 3D支持检测

以下方式选择一种方式查看。

1. 通过 glxinfo | grep "OpenGL version" 确认支持OpenGL 2.0及以上版本（如 图4）。

通过 glxinfo | grep "OpenGL", 查看OpenGL renderer string是否是实际显卡（如图5）而非软件渲染（如llvmpipe），后者意味着没有硬件加速。

2. 可以访问webgl官方测试页（https://webglreport.com/）；页面自动显示支持的 WebGL版本；检查 Unmasked Renderer 字段（如图6）是否为显卡型号（若显示 SwiftShader 则为软件渲染 如图 7）

3. 代码检测方法：浏览器界面按F12， 控制台（console）选项中输入*代码回车，输出”WebGL支持” 信息。

const canvas = document.createElement('canvas');  
const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
if (gl) {  
    console.log('WebGL支持');  
} else {  
    console.log('不支持WebGL');  
}  

三、例外说明

如果查看系统硬件支持webgl 3d、硬件解码，但通过浏览器chrome://gpu（需先开启选项，见1.1）页面查看不支持。则可能是浏览器与硬件存在兼容问题，需要具体分析。