退出VR模式后Aframe场景在移动设备上分辨率骤降

我最近碰到了个挺头疼的问题：当把AFRAME场景从VR模式切换回普通模式时，画面分辨率会直接从接近全高清的水平骤降到约360p，视觉体验大打折扣。

我目前还没搞清楚这到底是AFRAME本身的问题、Three.js的问题，还是通用WebVR标准的问题，但有个明确的现象——这个问题在所有我测试过的AFRAME应用里都存在，而非AFRAME的WebVR应用却完全没这个情况。

复现设备情况 #

这个问题在以下场景中都能复现：

• 我的主力测试设备：华为P10 lite（安卓7.0系统），使用Firefox和Chrome for Android浏览器
• 另外还在至少一款其他安卓手机、一款iPhone上验证了这个问题
• 但桌面浏览器完全没有这个问题

分辨率对比 #

• 进入VR模式时：分辨率为1820x1080
• 退出VR模式时：分辨率变为640x360

分辨率获取方式 #

我是通过这段代码获取到上述分辨率数据的：

AFRAME.scenes[0].renderer.getSize().width + "," + AFRAME.scenes[0].renderer.getSize().height + ", canvas: " + AFRAME.scenes[0].canvas.width + "," + AFRAME.scenes[0].canvas.height

我自己这边每次操作都会触发这个问题，但翻遍了网上的技术论坛和资料，都没找到有人提过这个问题。不管是大家能帮我确认这个问题确实存在，还是有解决思路、修复建议，都非常欢迎留言交流！

测试环境信息 #

AFRAME: 0.8.2
Browsers: Firefox and Chrome for android
Phone: Huawei P10 lite
Android: 7.0 (Nougat)

内容的提问来源于stack exchange，提问作者mark