ScreenDetailed: devicePixelRatio property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

The devicePixelRatio read-only property of the ScreenDetailed interface is a number representing the screen's device pixel ratio.

This is the same as the value returned by Window.devicePixelRatio, except that Window.devicePixelRatio:

  • always returns the device pixel ratio for the current screen.
  • also includes scaling of the window itself, i.e. page zoom (at least on some browser implementations).

Value

A number.

Examples

js
const screenDetails = await window.getScreenDetails();

// Return the device pixel ratio of the first screen
const screen1DPR = screenDetails.screens[0].devicePixelRatio;

Specifications

Specification
Window Management
# ref-for-dom-screendetailed-devicepixelratio

Browser compatibility

BCD tables only load in the browser

See also