VR组件在移动端白屏是怎么回事？

程序猿成立提问于 2026-03-24 13:21:23 阅读 23

组件

我用 A-Frame 写了个简单的 VR 场景，在桌面浏览器上能正常显示，但一到手机上就整个白屏，控制台也没报错。

试过加 <a-scene embedded> 和设置 meta viewport，都不行。是不是移动端需要额外启用什么权限？

这是我的关键代码：

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
</head>
<body>
  <a-scene>
    <a-box position="0 1.5 -3" color="#4CC3D9"></a-box>
    <a-sky color="#ECECEC"></a-sky>
  </a-scene>
</body>
</html>

VR/AR

我来解答赞 6 收藏

反馈

1 条解答

Top丶露宜 Lv1

可能是移动端 WebGL 上下文问题，我之前这样搞的，加个 webglcontextlost 和 webglcontextrestored 事件监听，还有确保你的手机浏览器支持 WebGL。试试这段：

2026-03-24 13:23