Screen resolution
Measuring…
← All tools
Live browser diagnostic
Screen Diagnostics Checker
Copy detailed screen, viewport, DPR, browser, OS, orientation, color depth, and refresh-rate diagnostics for QA notes.
Your screen and viewport summary
Measuring…
A quick one-line summary of the most useful display and browser measurements.
Screen
Physical display pixel grid.
Viewport
CSS area available to the webpage.
DPR
Physical pixels per CSS pixel.
Share result link/card
Generating share card…
Full diagnostics
Detailed browser, display, viewport, DPR, OS, orientation, color depth, and refresh-rate values.
Current viewport
Measuring…
This is the CSS viewport your website sees.
Device pixel ratio
Measuring…
Browser
Measuring…
Operating system
Measuring…
Visual viewport
Measuring…
Orientation
Measuring…
Color depth
Measuring…
Refresh rate
Measuring…
Zoom/scaling note: Checking…
Share result link/card
Generating share card…
How to use this result
The dashboard shows screen resolution, viewport size, DPR, browser, operating system, orientation, color depth, and estimated refresh rate in one place.
Copy all details to quickly share your environment with developers, designers, or QA testers. For the broad screen-size answer, use the homepage screen size checker.
Privacy note
This screen checker runs in your browser. It does not require signup, file uploads, or personal account data to show your screen metrics.
Screen metric guide
What this diagnostics checker measures
The screen diagnostics checker combines browser-side display values into one privacy-friendly result card. It runs locally in the browser and updates when the window size, orientation, zoom, or visual viewport changes.
Copy diagnostics for QA reports
Copy the complete result when reporting layout bugs so developers can reproduce the exact screen, viewport, DPR, browser, and OS environment.
Explain responsive differences
Viewport and DPR values help explain why a page may look different on devices with similar physical resolutions.
Keep diagnostics private
The result is calculated in your browser. The checker does not require login, uploads, or personal device data.
How to use it
Screen Diagnostics Checker guide
Use the diagnostics checker when a simple screen-size answer is not enough. It groups the current screen resolution, viewport size, DPR, browser, OS, orientation, color depth, and refresh-rate estimate into a result that can be copied into bug reports and design QA notes.
Limitation: Browser APIs can report viewport, screen, DPR, and environment values, but they cannot reliably identify the physical monitor model or diagonal size in inches.
Recommended workflow
- 1. Open the page in the browser, emulator, or device state you need to document.
- 2. Resize, rotate, zoom, or change responsive mode until the layout issue appears.
- 3. Copy the diagnostics summary and include it with screenshots, reproduction steps, and the page URL.
Practical examples
Use it when a sticky footer overlaps content only at one viewport height.
Use it when a high-DPI screenshot looks different from the CSS dimensions in a design file.
Use it when a QA report needs browser, OS, DPR, orientation, and viewport details together.
Frequently asked questions
What does the screen diagnostics checker copy?
It can copy your screen resolution, viewport size, DPR, browser, operating system, orientation, color depth, and related display details for QA notes.
Is this the same as the homepage screen size checker?
The homepage is the broad screen size checker. This diagnostics page is focused on copying detailed browser and display values for developers, designers, and QA teams.
Does this checker collect my device data?
No account or upload is required. The page reads standard browser values locally and displays them for you.
Why does DPR matter in diagnostics?
DPR helps developers prepare sharp images and explain why physical resolution and CSS viewport size are not identical.
Helpful references
Related screen diagnostics resources
Use these pages when diagnostics need screen size, viewport, monitor, device, or comparison context.
Check live values
Live screen details
Check live screen resolution, viewport size, DPR, browser, OS, and display details.
Viewport Size Checker
Measure the CSS viewport width and height your webpage can use right now.
Screen Resolution Checker
Find the physical pixel grid reported by your current display.
DPR Checker
Check device pixel ratio for retina assets, screenshots, and layout debugging.
Measure and compare
Screen Size Calculator
Calculate monitor width, height, area, aspect ratio, and PPI from diagonal size and resolution.
How to Measure Screen Size
Measure a monitor, laptop, TV, phone, or tablet diagonally without including the bezel.
27-Inch 4K Monitor
Check 27-inch 4K panel dimensions, 163.18 PPI, pixel pitch, and scaling behavior.
Screen Size Comparison
Compare phones, tablets, laptops, monitors, and TVs by viewport, resolution, DPR, and PPI.
Device references
Device Viewport Database
Search viewport, DPR, resolution, diagonal size, and PPI references.
iPhone Viewport Sizes
Open iPhone CSS viewport, screen size, resolution, and DPR references.
MacBook Screen Sizes
Compare MacBook logical viewport, resolution, DPR, diagonal size, and PPI.
Monitor Screen Sizes
Review 1080p, QHD, 4K, and ultrawide monitor references.
Guide collection
Related guides
Use these supporting guides to understand the tool result and next testing steps.
Related tools
Continue with another ScreenMetricLab utility.
Need more screen sizing help? Explore device viewport sizes, compare popular screens, or read our screen and viewport guides.