Screen Resolution & Device Pixel Ratio (DPR) Inspector
Inspect display resolution, CSS viewport, physical pixels, Retina scaling, and color depth.
Screen Resolution & Device Pixel Ratio (DPR) Inspector
Inspect display resolution, CSS viewport, physical pixels, Retina scaling, and color depth
How to Use Screen Resolution & Device Pixel Ratio (DPR) Inspector
1. Open Resolution Dashboard
The tool immediately detects your hardware screen dimensions, browser viewport width/height, and pixel ratio.
2. Test Responsive Resizing
Resize your browser window to see live CSS pixel updates and active media query breakpoints.
3. Inspect Color Depth & Scaling
Check Device Pixel Ratio (DPR for Retina/HiDPI), color bit depth, screen orientation, and touch capabilities.
How This Utility Works
Full display and viewport hardware diagnostics. Detects CSS viewport dimensions (window.innerWidth/innerHeight), physical display resolution, Device Pixel Ratio (DPR) for Retina/HiDPI scaling, color depth, and screen orientation.
Hardware testers communicate strictly with browser Gamepad, Canvas, and Display APIs. No background drivers or telemetry are installed.
Frequently Asked Questions
What is Device Pixel Ratio (DPR)?
DPR indicates how many physical hardware screen pixels correspond to a single CSS reference pixel (e.g. 2x on Apple Retina displays).