Live Viewport & Display Diagnostics
What we do
We detect your monitor's true physical hardware resolution (e.g., 1920x1080) regardless of how small your browser window currently is. Perfect for knowing what wallpaper size to download.
Designed for web developers. Resize your browser window and watch the viewport size update in real-time. The box will flash green when you hit standard CSS media query breakpoints.
Testing on a mobile device? Rotate your phone or tablet and our engine will instantly update to tell you if you are currently viewing the web in Landscape or Portrait mode.
We calculate your device's exact Pixel Ratio. If you are using an Apple Retina display or a high-end 4K monitor, this tells you how many physical pixels make up a single CSS pixel.
Our tool detects if your monitor supports high-end HDR color spaces. We check your hardware bit-depth and verify if your screen can render the Wide Color Gamut (Display-P3).
Web developers need to know if a user has a mouse or a touch screen. We instantly detect if your monitor supports touch, and exactly how many simultaneous multi-touch points it can handle.