📱
Screen Info
A vital diagnostic tool for frontend web developers and UI designers. Instantly view critical hardware and browser rendering metrics including raw Screen Resolution, active CSS Viewport width/height, Device Pixel Ratio (Retina scaling), Color Depth, and hardware concurrency threads. Values update live as you resize your browser window.
developer device
Loading Screen Info...
How It Works
The tool queries your browser's native `window` and `screen` APIs upon loading. It displays the extracted data inside clean, organized cards. Try dragging the edges of your browser window to see the Viewport dimensions update instantly in real-time.
Frequently Asked Questions
What is the difference between Screen Resolution and Viewport Size? ▾
Screen Resolution represents the total maximum physical pixels of your hardware monitor (e.g., 1920x1080). Viewport Size is the active, usable CSS space inside your web browser window, which shrinks if you leave full-screen mode or open sidebars.
What does 'Device Pixel Ratio' (DPR) mean? ▾
DPR is the ratio between physical hardware pixels and logical CSS pixels. Devices like Apple's Retina displays have a DPR of 2 or 3, meaning they pack 4 to 9 physical pixels into a single CSS pixel to render incredibly sharp text and images.