ElixerPro.tools
Tier A - Direct Browser Interaction Ready

Screen Resolution & Viewport Dimension Checker

Detect screen dimensions, viewport size, color depth, and device pixel ratio (DPR). Reads display metrics including screen width, height, available workspace, and device pixel ratio directly from browser DOM objects.

Screen Resolution & Pixel Density Lab

Live Real-Time Readout
Screen Resolution (CSS)
-- x --
window.screen width × height
Estimated Physical Pixels
-- x --
CSS resolution × Device Pixel Ratio
Browser Viewport Size
-- x --
window.innerWidth × innerHeight
Device Pixel Ratio (DPR)
--
Retina / HiDPI Scaling Factor
Available Work Area: -- Excludes OS taskbars & docks
Display Aspect Ratio: -- Simplified ratio (e.g. 16:9, 16:10)
Color Depth: -- Bits per pixel (e.g. 24-bit TrueColor)
Orientation: -- Landscape vs Portrait mode

How to use this test

  1. Open tool page on your target display.
  2. Observe reported Screen Resolution, Viewport Dimensions, and DPR.
  3. Resize browser window to see viewport update in real time.

How to understand your result

Looks good: Screen metrics read accurately from window and screen DOM objects.

Troubleshooting: what to try next

  • If resolution looks lower than monitor spec, check Windows Display Scaling (150% scaling divides CSS resolution).

What this test cannot tell you

Dual-monitor setups require moving browser window to target display for per-monitor metrics.

Frequently Asked Questions

EP
Tested & Reviewed by [REAL AUTHOR NAME - OWNER TO COMPLETE]
Last Reviewed: 2026-10-17 • Test Method: window.screen and window.devicePixelRatio DOM inspection • How We Test