先说结论：要在谷歌浏览器里跑起 WebGPU，用来搞 3D 建模、AI 推理或者实时渲染这类高性能 Web 应用，必须同时满足三个硬性条件——

• Chrome 版本要够新；
• Flags 开关得打开；
• Canvas 环境也得配置对。

页面但凡报错 navigator.gpu 是 undefined，或者 getContext('webgpu') 返回 null，那问题十有八九就卡在这三个环节中的某一个上。

确认 Chrome 版本是否支持 WebGPU

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

如何检查版本？

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

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

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

WebGPU 在 Chrome 里目前还是受控的实验特性，必须手动打开两个独立的 Flag，才能把 navigator.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——这一点开发者最容易忽略。

确保 Canvas 有固定的 width 和 height 属性

在 HTML 里声明 Canvas 时，明确设置 width 和 height 属性值。例如：

千万别只靠 CSS 来设置尺寸，否则 getContext('webgpu') 会静默失败，连个错误提示都不会给。

检查 Canvas 的可见性与文档流

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

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

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

操作步骤

• 打开手机上的 Chrome；
• 点击右上角三个圆点 → “设置” → “隐私和安全” → “高级保护模式”；
• 开启该模式后，系统会自动禁用 WebGPU 功能。

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

《夸克》非常好用的免费AI浏览器

下载APP查看