WebXR Device API：沉浸式会话与渲染循环实践

概述WebXR 允许在支持设备上创建沉浸式会话并渲染立体视图。通过 `navigator.xr.requestSession` 获取会话，配置参考空间并在 `session.requestAnimationFrame` 中绘制帧。用法/示例const session = await navigator.xr.requestSession('immersive-vr') const ref = await session.requestReferenceSpace('local') function onFrame(t, frame) { const pose = frame.getViewerPose(ref) if (pose) { for (const view of pose.views) { const vp = view.viewport } } session.requestAnimationFrame(onFrame) } session.requestAnimationFrame(onFrame) 工程建议检测支持性并提供非 XR 回退；为设备与权限提示提供清晰的 UI。将渲染与输入处理分离，合理管理帧循环与资源生命周期。对性能敏感场景使用批处理与对象复用，避免垃圾回收抖动。参考与验证MDN：WebXR — https://developer.mozilla.org/docs/Web/API/WebXR_Device_APIW3C：WebXR — https://www.w3.org/TR/webxr/web.dev：WebXR — https://web.dev/articles/webxr