Navigator: xr property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The read-only xr
property
provided by the Navigator
interface returns an XRSystem
object
which can be used to access the WebXR Device API.
Value
The XRSystem
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.
Examples
Each Window
has its own instance of Navigator
, which can
be accessed as window.navigator
or as
navigator
. At the same time, a new
XRSystem
instance is also created and attached to
the navigator
instance as navigator.xr
. If
the xr
property exists, 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
Specification |
---|
WebXR Device API # navigator-xr-attribute |
Browser compatibility
BCD tables only load in the browser
See also
- WebGL API: 2D and 3D accelerated graphics for the web
- Canvas API: 2D graphics API