开发

WebXR 概览

更新时间: 2026年5月11日

本节介绍如何为浏览器开发 WebXR 体验。

WebXR Device API 支持您在网络上开发受多种浏览器支持的沉浸式 VR 体验。欲知更多信息，请访问 WebXR 主页：https://immersiveweb.dev/⁠

WebXR 讲解网页提供有关设计和使用 WebXR Device API 的背景和技术信息。https://immersive-web.github.io/webxr/explainer.html

WebXR 与原生开发对比

与原生开发相比，WebXR 的准入门槛更低，但也存在一些局限性。下表总结了主要区别，以帮助您为项目选择合适的方法。

功能	WebXR	原生（Unity、Unreal、原生 SDK）
发布渠道	网页网址或通过 Meta Horizon 商店发布的 PWA	Meta Horizon 商店
需要的设置	仅需浏览器，无需安装 SDK	引擎 + Meta XR SDK 设置
渲染性能	受浏览器开销限制	完整的 GPU 访问权限，性能上限更高
手势追踪	通过 WebXR 手势输入支持	完整手势追踪与手势
透视/MR	通过 WebXR 混合现实支持	完整的透视 API 访问权限
空间锚点	不支持	支持
场景理解	不支持	完整的场景 API 访问权限
深度 API	不支持	支持（Quest 3 及更高版本）
平台 SDK 功能	有限（用于 IAP 的数字商品 API）	完整访问权限（成就、排行榜、社交）
离线支持	有限（需要服务工作线程）	完整离线功能
图形 API	WebGL 2.0	Vulkan、OpenGL ES
多线程渲染	不支持	支持
文件系统访问权限	沙盒隔离访问	完整访问权限

WebXR 非常适合轻量级体验、原型以及受益于 web 分发的内容。对于性能要求高的应用、需要深度平台集成的应用或使用空间计算功能（如场景 API 或深度 API）的应用，推荐采用原生开发。

主题	描述
WebXR 开发流程	有关 WebXR 开发流程如何运作的工具和指南
VR 最佳实践	WebXR 通用 VR 的最佳实践建议
WebXR 图层	如何在 WebXR 中使用合成图层，实现高质量、高表现力的媒体显示
手势追踪手	如何在 WebXR 体验中使用手势追踪
浏览器中的混合现实支持	介绍浏览器支持的 WebXR 混合现实服务
WebXR 的系统键盘	如何在浏览器中使用 WebXR 的系统键盘集成
性能优化	确保 WebXR 体验在浏览器上顺畅运行的指南
将 WebVR 移至 WebXR	介绍如何将遗留的 WebVR 内容迁移到已启用的 WebXR
发布应用	介绍如何在 Meta Horizon 商店发布 WebXR 应用