# Headset Testing - WebXR Emulator

During the creation process of a headset-based experience, testing the workings in a desktop-based environment is often easier. The design principles for headset experience and desktop experiences differ at times due to certain limitations on headsets. 

There is an easy way to test headset-based experiences on desktop devices. 

> This is ONLY for testing purposes. Experiences should be tested on headset before final deployment.

## There are 2 ways to setup the development environment

Follow the steps listed here <https://github.com/felixtrz/WebXR-emulator-extension#how-to-install-the-newest-version>

**OR**

Follow the steps listed below:

1. Download the package file from here: <https://s.vrgmetri.com/gb-web/dev/WebXR-emulator-extension.crx>
2. Navigate to chrome://extensions on your browser
3. Enable `Developer Mode` from the top right on your screen
4. Drag-n-Drop the downloaded file on this page
5. In the prompt that appears, click `Add extension` button

   <figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FWje5D3J9QKxSfOMFPulb%2FScreenshot%20from%202023-03-20%2020-38-42.png?alt=media&#x26;token=5dfdf1cc-a6ab-4e60-ba9d-53737c8c53c7" alt=""><figcaption></figcaption></figure>

## How to use WebXR emulator Extension

1. Open developer tools on chrome using shortcut `CTRL/CMD + I`
2. Select `WebXR` option from the tabs
3. Select one of the devices from the dropdown

   <figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2F7oMIGyxXx7hDP9kWG2ec%2FScreenshot%20from%202023-03-20%2020-41-08.png?alt=media&#x26;token=ea60a65e-39ed-475d-8443-ccb7c81da8ef" alt=""><figcaption></figcaption></figure>
4. Click on the Enter VR button from the hamburger menu (on top-right) from the GMetriXR experience and enter VR mode on your desktop&#x20;

   <figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FJFYF4gR6uJf4NKKl4Xkp%2FScreenshot%20from%202023-03-20%2020-44-41.png?alt=media&#x26;token=ca86042d-ce91-4f65-9a38-729b50878735" alt=""><figcaption></figcaption></figure>