"WebXR Device API：沉浸式渲染与输入基础"

概述WebXR 为浏览器提供 VR/AR 的渲染与输入能力。通过 `navigator.xr.requestSession('immersive-vr')` 获取会话，结合 `requestAnimationFrame` 渲染每一帧并处理输入源。示例（简化）const gl = canvas.getContext('webgl2') const xr = navigator.xr const session = await xr.requestSession('immersive-vr') const layer = new XRWebGLLayer(session, gl) session.updateRenderState({ baseLayer: layer }) const refSpace = await session.requestReferenceSpace('local') session.requestAnimationFrame(function onXRFrame(t, frame) { const pose = frame.getViewerPose(refSpace) // 使用姿态与视图矩阵进行渲染 session.requestAnimationFrame(onXRFrame) }) 工程建议设备与权限：用户手势触发与设备支持检测；处理拒绝与回退到非沉浸模式。性能：控制绘制负载与分辨率；在合成层与 GPU 渲染间权衡。输入：读取 `frame.session.inputSources` 管理控制器与手势。参考与验证MDN WebXR 文档：https://developer.mozilla.org/docs/Web/API/WebXR_Device_APIW3C WebXR 规范：https://www.w3.org/TR/webxr/Chrome 平台文档：https://developer.chrome.com/docs/web-platform/webxr/