Safari浏览器如何启用WebGPU等实验性的前端Web技术特性？

坦白说，在Safari里启用WebGPU这类前沿功能，其实比很多人想象的要简单，只是步骤藏得稍微深了一点。很多开发者需要这些实验性特性来做兼容性测试或新标准验证，但它们默认并不开放——好在，当前macOS系统搭载的WebKit引擎中确实内置了这些能力，只是需要主动去激活。

这篇文章就把这事彻底说清楚。

通过 Safari 图形界面启用主流实验性功能

如果你的需求是启用WebGPU、CSS Container Queries、Interference Control、Accessibility Object Model这类已经列在菜单中的特性，那用图形界面操作是最直观的方式，日常使用完全足够。

打开Safari浏览器，点击顶部菜单栏的 Safari → 设置，或者直接按 Command + , 快捷键。接着进入“高级”标签页，勾选【在菜单栏中显示“开发”菜单】。这一步做完，顶部就会多出来一个“开发”菜单，点进去，鼠标悬停在“实验性功能”上，展开的列表里就能看到各种可选项。比如WebGPU、CSS Container Queries、Accessibility Object Model，挨个勾上就行。

值得留意的是，如果某项名称是灰色的且不可选，说明当前Safari版本或macOS系统版本本身就不支持这个功能——没必要硬试，直接忽略即可。

用终端命令启用未出现在菜单中的底层实验功能

但有些WebKit的实验性能力，比如WebGPU的完整管线控制、特定渲染后端开关，并不会暴露在图形界面中。这时候就需要绕过UI限制，直接通过终端写入偏好设置来激活。不过操作前有个前提：Safari必须完全退出，不能有任何后台进程。

打开“活动监视器”，搜索Safari，看到任何相关进程——包括Safari Networking、Safari Renderer——全部选中，点击左上角“×”强制退出。确保干干净净之后，再打开“应用程序 → 实用工具 → 终端”，依次执行以下命令：

defaults write com.apple.Safari WebKitWebGPUEnabled -bool true

defaults write com.apple.Safari WebKitCSSContainerQueriesEnabled -bool true

defaults write com.apple.Safari AccessibilityObjectModelEnabled -bool true

执行完毕后，再输入 killall Safari 强制刷新配置缓存，然后手动重启Safari。

【重要前提】 这些命令只对macOS 14 (Sonoma)及更高版本、Safari 17+有效。如果系统是macOS 13或更早版本，命令会被忽略，而且不会有任何错误提示——静默失败，这点需要特别留意。

验证 WebGPU 是否真正可用

界面上勾选了，或者终端命令写进去了，都不代表运行时环境已经就绪。必须用代码来验证WebGL2和WebGPU的构造器是否能真正实例化。

最简单的做法：在Safari中打开一个空白页（about:blank），然后按 Command + Option + I 打开开发者工具，切换到“控制台”标签页。输入以下两行代码，分别回车：

!!window.WebGL2RenderingContext

!!window.GPURequestAdapter

如果两行都返回 true，说明WebGL 2.0和WebGPU运行时都加载成功了。如果第二行返回 false，那即使菜单里已经打上了勾，也意味着Metal后端没有就绪，或者macOS版本确实太低——这时候就需要先升级系统了。

说白了，整个流程就是三步：图形界面勾选或终端命令写入、强制退出并重启、验证运行时是否真正可用。搞清楚了，下次再遇到类似需求就不用到处翻资料了。