Depth sensingLimited availability

An XRDepthInformation object represents a measurement of the distance from the user's device to the real-world geometry in the user's environment.

Not yet supported in all major browsers — check the table and provide a fallback.

Browser support

DesktopChrome

1–89Not supported

90+Supportedsince Apr 13, 2021

Current: 155

Edge

12–89Not supported

90+Supportedsince Apr 15, 2021

Current: 154

Firefox

✕Not supportedup to 157

Current: 157

Safari

✕Not supportedup to 27

Current: 27

MobileChrome Android

18–89Not supported

90+Supportedsince Apr 13, 2021

Current: 155

Firefox Android

✕Not supportedup to 157

Current: 157

Safari iOS

✕Not supportedup to 27

Current: 27

Not supported in Firefox, Safari, Firefox Android, Safari iOS. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Full syntax and examples are on MDN: XRCPUDepthInformation.

JS · check before using

if ("XRCPUDepthInformation" in globalThis) {
  // XRCPUDepthInformation is available
} else {
  // load a polyfill or use a fallback
}

Support for each part of the feature (14). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
XRCPUDepthInformation	90	90	✕	✕	90	✕	✕
XRCPUDepthInformation.data	90	90	✕	✕	90	✕	✕
XRCPUDepthInformation.getDepthInMeters	90	90	✕	✕	90	✕	✕
XRDepthInformation	90	90	✕	✕	90	✕	✕
XRDepthInformation.height	90	90	✕	✕	90	✕	✕
XRDepthInformation.normDepthBufferFromNormView	90	90	✕	✕	90	✕	✕
XRDepthInformation.rawValueToMeters	90	90	✕	✕	90	✕	✕
XRDepthInformation.width	90	90	✕	✕	90	✕	✕
XRFrame.getDepthInformation	90	90	✕	✕	90	✕	✕
XRSession.depthDataFormat	90	90	✕	✕	90	✕	✕
XRSession.depthUsage	90	90	✕	✕	90	✕	✕
XRWebGLBinding.getDepthInformation	90	90	✕	✕	90	✕	✕
XRWebGLDepthInformation	90	90	✕	✕	90	✕	✕
XRWebGLDepthInformation.texture	90	90	✕	✕	90	✕	✕