Device information

Device Resolution Screen resolution check

Read natively by the browser, no authorization is required, and the CSS size, viewport and estimated entity pixels are clearly separated.

Estimate physical screen resolution

Estimated by Screen CSS size × DPR

Export results

If multiple screens are connected, the browser usually reports the screen the current window is on; you can click "Redetect" after moving the window.

Complete device information

Differences between Screen Resolution, Viewport and DPR

Screen Resolution Describes the entire display; browsers typically provide CSS pixel dimensions based on privacy, scaling, and platform differences.Viewport It is the actual available content area of the web page and will change with the window, toolbar or split screen.Device Pixel Ratio(DPR) indicates how many device pixels one CSS pixel corresponds to.

Multiplying the Screen CSS width and height by the DPR provides a common physical pixel estimate, but is not guaranteed to be equivalent to the panel's native specifications. Operating system display scaling, browser scaling, external screens, and privacy protection may change results. Front-end development should use Viewport to create layouts and DPR to select clear images, rather than guessing device models based on resolution.

How are test results used?

  • Test responsive typography and Media Query with Viewport.
  • Use DPR to determine Canvas output magnification or high-density image resources.
  • Use touch support to improve operational goals, but don't use it as the only judgment on your phone.
  • Use Color Depth to understand the color bit depth reported by the browser.

Frequently Asked Questions

Why are entity resolutions labeled estimated?
The Web API does not necessarily expose the native pixels of the panel, the tool can only estimate it using the screen size multiplied by the DPR.
What does DPR 2 stand for?
Usually means that one CSS pixel is rendered using two device pixels in the width and height directions.
Why are Viewport and Screen different?
Viewport only contains the content area of the web page; Screen is the CSS size of the entire display.
Does browser scaling affect results?
Yes, scaling may change CSS pixel and DPR returns, so you should also note the scaling settings when debugging.
Will the downloaded file contain private information?
It only includes the screen, color and touch capabilities of the page display, and does not include the account number, location or file content.