Navigator.xr

The read-only xr property provided by the Navigator or WorkerNavigator interface returns an XR object which can be used to access the WebXR Device API.

Syntax

const xr = navigator.xr

Value

The XR object used to interface with the WebXR Device API in the current context. This can be used to present augmented and/or virtual reality imagery to the user.

Usage notes

Each Window has its own instance of Navigator, which can be accessed as Window.navigator or simply as navigator. At the same time, a new XR instance is also created and attached to the navigator instance as navigator.xr. If the xr property exists and is non-null, you can use it to access the WebXR Device API.

To determine if WebXR is available, you can do something like this:

if ("xr" in Window.navigator) {
  /* WebXR can be used! */
} else {
  /* WebXR isn't available */
}

Specifications

Browser compatibility

See also

• WebGL API: 2D and 3D accelerated graphics for the web
• Canvas API: Easy 2D graphics API