Chrome DevTools中能否设置WebGL版本或禁用WebGL以用于测试？

当然可以！不管是禁用WebGL测试页面降级表现，还是切换WebGL版本验证兼容性，Chrome都提供了对应的便捷方式，我来详细说明：

一、禁用WebGL #

你有两种实用的实现路径：

1. 通过Chrome DevTools临时禁用（仅当前会话） #

• 打开Chrome DevTools：按下F12或Ctrl+Shift+I（Mac是Cmd+Opt+I）
• 调出Rendering面板：点击DevTools右上角的三个点图标 → 选择「More tools」→ 点击「Rendering」
• 在Rendering面板里找到**"Disable WebGL"**选项，勾选它。页面会自动重新加载，此时WebGL就被禁用了。

2. 通过Chrome Flags全局禁用（永久生效，需重启） #

• 在地址栏输入chrome://flags并回车
• 在搜索框输入WebGL，找到「WebGL」和「WebGL 2.0」两个选项
• 把它们的状态都设置为**"Disabled"**
• 点击页面底部的「Relaunch」重启Chrome，设置就会生效

二、切换WebGL版本 #

Chrome DevTools本身没有直接切换版本的专属面板，但可以通过Chrome Flags强制指定使用的WebGL版本：

• 打开chrome://flags，搜索**"WebGL 1.0 Only"**
• 如果想强制使用WebGL 1.0（禁用WebGL 2.0），就把这个选项设置为**"Enabled"**
• 如果想恢复使用WebGL 2.0，把该选项设置回**"Disabled"，同时确保「WebGL 2.0」选项是"Enabled"**状态
• 重启Chrome后，设置就会生效

另外补充个小技巧：如果要模拟移动设备的WebGL支持情况，可以在DevTools的「Device Toolbar」（点击左上角的手机图标）中选择不同的设备预设，部分低端设备的预设会自动模拟较低的WebGL兼容性。

内容的提问来源于stack exchange，提问作者Ben