如何在谷歌浏览器中开启或禁用WebGPU以支持高性能Web应用？

先说结论：要在谷歌浏览器里跑起WebGPU，用来搞3D建模、AI推理或者实时渲染这类高性能Web应用，必须同时满足三个硬性条件——Chrome版本要够新、Flags开关得打开、Canvas环境也得配置对。页面但凡报错na vigator.gpu是undefined，或者getContext('webgpu')返回null，那问题十有八九就卡在这三个环节中的某一个上。

确认Chrome版本是否支持WebGPU

Chrome 125.0.6422.112是目前能用的最低稳定版。低于这个版本，比如说125.0.6422.78，就会存在GPU适配器枚举失败的缺陷，导致na vigator.gpu.requestAdapter()根本无法正常调用。

怎么确认？直接在地址栏输入chrome://settings/help并回车，浏览器会自动检查更新。等页面显示“已是最新版本”后，别忘了点击“重新启动”按钮——光是关掉标签页可刷新不了底层的GPU上下文。

重启之后，再访问chrome://version，核对一下“Google Chrome”那一行末尾的完整版本号。记住，必须得是125.0.6422.112或更高才行；如果不达标，就得去google.com/chrome下载离线安装包覆盖安装一下。

启用chrome://flags中的核心开关

WebGPU在Chrome里目前还属于受控的实验特性，必须手动打开两个独立的Flag，才能把na vigator.gpu这个对象注入进来。这两个开关缺一不可，而且得分别设为Enabled之后，统一重启一次浏览器，才算真正生效。

首先是启用Unsafe WebGPU主开关。在地址栏输入chrome://flags并回车，然后在顶部的搜索框里输入“Unsafe WebGPU”，找到名称完全匹配的条目（注意不是那个“WebGPU Developer Features”），点击右侧的下拉菜单，从Default改成Enabled。

然后是启用Experimental Web Platform features总控开关。保持当前页面别关，清空搜索框，输入“Experimental Web Platform features”，找到名称完全一致的条目，同样点击下拉菜单设为Enabled。

最后一步很关键：必须点击一次页面底部的Relaunch按钮才能让设置生效，不能只启一个Flag就手动重启。

配置网页端Canvas环境

就算版本对了、Flags都打开了，WebGPU还是可能因为Canvas的配置问题返回null——这一点，开发者最容易忽略。

首先要确保HTML里声明Canvas时，明确设置了width和height属性值。比如说这样写：。千万别只靠CSS来设置尺寸，否则getContext('webgpu')会静默失败，连个错误提示都不会给。

此外还得检查一下Canvas元素是否真的在文档流里、是否可见。父容器如果设了display: none、visibility: hidden或者opacity: 0，GPU上下文初始化就会被浏览器主动拒绝，到头来什么都拿不到。

禁用WebGPU（安卓16高级保护模式专用）

最后提一句，在安卓16系统里，Chrome浏览器新增了一个直接禁用WebGPU的开关。这个功能是专门为注重隐私和安全的用户设计的，可以从根源上屏蔽掉这个被视作高风险的接口。

操作很简单：打开手机上的Chrome，点击右上角的三个圆点，进入“设置”→“隐私和安全”→“高级保护模式”，开启该模式之后，系统就会自动把WebGPU功能给禁掉。

需要注意，这个操作是不可逆的。一旦启用，所有依赖WebGPU的网页应用都将无法正常加载，或者只能强制降级到WebGL来运行。