Test localhost on Oculus Quest with Remote Debugging in Firefox

#oculus #webxr #javascript #vr

Here are some quick steps to help with debugging for WebXR. These things are LIFE CHANGING for WebXR development! Note: the steps are specific to Windows OS.

Install Firefox and Android Debug Bridge (adb)

Install Firefox on both the Oculus and your PC
Install Android Debug Bridge (adb)

Add Android Debug Bridge (adb) to Path

Type path in the windows search and hit enter on Edit the system environment variables
Click Environment Variables
Select Path and click Edit
Select New
Paste the location of adb.exe. The location should be something like this C:\Users\USERNAME\AppData\Local\Android\sdk\platform-tools
Restart your computer

Run the project locally and connect to remote debugging

Open your WebXR Project (Starter Template for BabylonJS Here)
Run the project npm start
Open Firefox on PC
Connect to Oculus Quest to PC with USB
Click the menu on the right of the Firefox browser
Then select Web Developer -> Remote Debugging
Click Connect on device

Reverse the Ports to make `localhost` available

Open cmd or windows terminal
List connected devices: adb devices
Set the reverse device id: adb reverse -s <ID from device attached above>
Reverse the port and update to the port you are using: adb reverse tcp:8080 tcp:8080
If it gets disconnected (sometimes it does) just rerun the last cmd to reconnect.
On the Oculus headset go to localhost:8080 (update 8080 to your port)

That's it! You are now running localhost on your VR headset and the debug output on your PC.

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more