Immersive Web Emulator
Extension Actions
- Extension status: Featured
WebXR Emulator for Meta Quest devices
Develop WebXR experiences efficiently and effectively on Meta Quest with Immersive Web Emulator.
This browser extension provides a user-friendly interface and is capable of simulating all Meta Quest headsets, enabling developers to easily test and iterate their WebXR experiences without a physical XR device.
Key Features
- Interactive 3D viewport to easily transform manipulation of the VR headset and the controllers
- Simulate controller input, binary input (buttons), and analog input (trigger, grip, joysticks)
- Simulate hand input, including built-in hand poses and pinch gesture control
- Keyboard action mapping for added efficiency
- Keyboard input relay
The extension is built on top of the WebExtensions API, and implements the newly introduced Chrome Extension Manifest V3, which means that it will operate with enhanced security and performance on most Chromium-based desktop browsers.
How to Use It
- Download the extension from this page.
- Navigate to a WebXR app, such as this Three.js example: https://threejs.org/examples/webxr_xr_dragging The app will detect WebXR support as if you are visiting from the specified Meta Quest device, and let you enter immersive (AR/VR) mode.
- Launch the desktop browser’s developer tool panel, and navigate to the “WebXR” tab to control the emulated device.
Developer Resources
- Learn more about Immersive Web Emulator:
https://developer.oculus.com/blog/webxr-development-immersive-web-emulator/
- Find detailed instructions on using Immersive Web Emulator:
https://github.com/meta-quest/immersive-web-emulator#immersive-web-emulator-usage
Latest reviews
- Default
- Awesome. Thank you!
- Kevin Meeks
- It mostly works for its basic intentions, but it could definitely use a review process. Most of the inputs simply don't work, buttons are unintuitive and many simply do nothing, the UI is extremely bloated, doesn't follow responsive web design, and looks like a first draft at best. For anyone experiencing similar frustrations with this extension - a good way to fix the issues is to just override the CSS and JS files associated with this extension and change the UI to your own liking.
- Rayan Farhat
- When develop with BabylonJS, I get this warning and the emulator models doesn't render. here is the warning: BJS - [18:50:33]: Build is already in progress, You can use NodeMaterial.onBuildObservable to determine when the build is completed. and I can't find NodeMaterial of the extension. I hope it fixed soon.
- Osco
- life changing
- Niko Yanakiev
- very helpful device emulator, it helped speed up my prototyping
- ro3ze
- works well for its purpose
- Oren De-Panther
- Great tool! Saved me so much time testing and debugging WebXR projects.
- Sylwester Mielniczuk
- It would be hard to build POCs and test WebXR projects without this extension.
- Kris Johnson
- This extension has saved our team so much time integrating WebXR into our project! Highly recommended!
- Kris Johnson
- This extension has saved our team so much time integrating WebXR into our project! Highly recommended!
- Miguel Angelo Gaspar Pinto
- Tried to use it and received a big bug. Tried in chrome and on edge both had bugs. Sent a message to their git with bug details
- Miguel Angelo Gaspar Pinto
- Tried to use it and received a big bug. Tried in chrome and on edge both had bugs. Sent a message to their git with bug details
- Michael Blix
- I've been using only for 5 minutes testing out a WebXR scene and can easily see how useful this will be.
- Michael Blix
- I've been using only for 5 minutes testing out a WebXR scene and can easily see how useful this will be.