Best approach to non-immersive VR?

I’m working on a web project where the user can look around a three.js scene using either their mobile device or desktop. On a desktop, it would be PointerLockControls. On a mobile, it would be DeviceOrientationControls. I’d also like to offer a VR option if available to the user.

I realise I can integrate all three of these methods, however I’m wondering if there is a way to use the new WebXR API for the non-immersive options? I’d love for the experience to be truly full screen and at least on Android that doesn’t happen when using the native full screen API.

Has anyone else implemented this sort of thing?