---
title: "WebXR"
type: concept
tags: []
sources: [xr-immersive-developer]
last_updated: 2026-04-20
---

## Definition
WebXR Device API 是 W3C 定义的浏览器原生标准 API，使网页能够创建沉浸式 AR/VR/XR 体验，无需安装原生应用。XR Immersive Developer 的核心技术栈基础。

## Architecture
```
Browser (WebXR Device API)
    ├── WebXR Device API (W3C Spec)
    │   ├── XRSession (AR/VR/inline)
    │   ├── XRWebGLLayer (GPU rendering)
    │   ├── XRReferenceSpace (tracking)
    │   └── XRInputSource (controllers/hands)
    ├── XR Frameworks
    │   ├── A-Frame (Mozilla, declarative)
    │   ├── Three.js (WebGL abstraction)
    │   └── Babylon.js (Microsoft, full-featured)
    └── Hardware Targets
        ├── [[Meta-Quest]] (via Oculus Browser)
        ├── [[Vision-Pro]] (via Safari)
        ├── [[HoloLens]] (via Edge)
        └── [[Mobile-AR]] (ARKit/ARCore via Chrome Android)
```

## Supported Input Modes
- **Controller**：6DoF 手柄追踪
- **Hand Tracking**：裸手追踪（WebXR Hand Input Module）
- **Gaze**：注视点交互
- **Pinch**：捏合手势

## Key Concepts
- [[Hand-Tracking]]：裸手交互能力
- [[LOD-System]]：渲染性能优化
- [[Occlusion-Culling]]：遮挡剔除优化

## Related Agents
- [[XR-Immersive-Developer]]：WebXR 应用开发专家
- [[XR-Interface-Architect]]：XR 界面架构设计
- [[XR-Cockpit-Interaction-Specialist]]：座舱场景 WebXR 实现

## Browser Support
- Chrome/Edge（桌面 + Android）
- Firefox Reality
- Safari（[[Vision-Pro]] / iOS）
- Oculus Browser（[[Meta-Quest]]）