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:
A number.
const screenDetails = await window.getScreenDetails();
// Return the device pixel ratio of the first screen
const screen1DPR = screenDetails.screens[0].devicePixelRatio;