Viewport & Screen Inspector

How works

1. 1

   Everything shows up instantly — no typing needed

   The moment the page loads, your browser automatically shares its screen details with the tool. You do not need to fill in anything or click a button — just open the page and all your information is right there.

2. 2

   Drag your browser edge to see the numbers change

   The viewport size shown at the top updates in real time as you resize your browser window. This is handy if a designer or developer has asked "what size is your browser?" — simply resize until it matches what they need and read off the numbers.

3. 3

   Understand why "physical pixels" may be bigger than your viewport

   On high-resolution screens (like a Retina MacBook or a modern smartphone), each point on screen is actually drawn using 2 or more physical pixels. The Device Pixel Ratio (DPR) tells you the multiplier. Physical Pixels = Viewport × DPR, so a 1920×1080 viewport at DPR 2 is really 3840×2160 behind the scenes.

4. 4

   Use the export buttons to send this to your team

   Hit "Download Image" to save a PNG report card you can attach to a support ticket or email. "Copy as Text" puts a plain-text summary on your clipboard, ready to paste into Slack or a GitHub issue. "Save as PDF" opens your browser's print dialog so you can save a formatted document.