DevicePixelRatio

window.devicePixelRatio is the ratio between the device's physical pixels and device-independent pixels (dips). The formula is:
window.devicePixelRatio = Physical pixels / Device-independent pixels.

If the DevicePixelRatio is set to something other than 1.0 (e.g., 2), the resolution detected by the browser will be the current resolution's width and height multiplied by 2, resulting in a double resolution. You can check the related settings on the johankj.github website.

For example, on the iPhone 14, the resolution * DevicePixelRatio = the device's actual resolution:
(390 * 3) x (844 * 3) = 1170 x 2532.

SupLogin browser will randomly match the corresponding "Resolution" and "devicePixelRatio" based on the user's selected OS. On the computer, users can freely set the "Resolution" according to their needs, with "devicePixelRatio" always set to 1. For mobile devices, it is best to set the "Resolution" and "devicePixelRatio" values according to the randomly selected defaults.

image.png