Please Wait

Screen & Viewport Resolution Checker — Know Exactly What Users See

Instantly detect your screen resolution, browser viewport size and browser scale (zoom). Get the usable browser area, device pixel ratio and copy values for debugging, QA and responsive testing.

Check my resolution Open dashboard

• Viewport width & height (usable browser area)
• Screen width & height (physical display resolution)
• Browser scale / zoom level & devicePixelRatio
• Copy values to clipboard for quick reporting

Live resolution check

What is my Browser Resolution?

0 x 0

Viewport width: 0px

Viewport height: 0px

Browser scale: 100%

What is my Screen Resolution?

0 x 0

Width of screen is: 0px

Height of screen is: 0px

Run a quick check without signing in — copy values to clipboard for bug reports or responsive testing.

What the tool measures

The Screen Resolution tool reports both the browser viewport (the area available to the page) and the physical screen resolution. It also detects browser zoom/scale, device pixel ratio and other environment info that helps reproduce layout issues.

Example output

What is my Browser Resolution?
Viewport width: 1498px
Viewport height: 946px
Browser scale: 128%

What is my Screen Resolution?
Width of screen is: 1920px
Height of screen is: 1080px

Device Pixel Ratio: 1.25

Tip: click the copy button in the demo to paste these values into tickets or messages.

Who uses Screen Resolution?

This tool is valuable across teams and roles — here are practical examples:

Frontend developers: reproduce layout bugs, validate media queries and responsive breakpoints.
QA engineers: include exact viewport & device metrics in bug reports for faster triage.
UI/UX designers: verify designs at target viewport sizes and check scale / DPR effects.
Customer support: ask users to run the checker and paste results to diagnose display issues.
Marketing & content teams: preview hero banners and creatives at common screen sizes.

Features & Benefits

Precise viewport size: get current innerWidth/innerHeight used by the page (usable area after UI chrome).
Physical screen detection: see full display resolution (width × height).
Browser scale / zoom: detect zoom level that affects visuals and DPR.
Copy-to-clipboard: copy all reported values at once for bug reports or documentation.
Cross-device support: works on desktop, tablets and mobile browsers.
Export & history: (dashboard) save checks and export as CSV for audits.

Use cases & examples

Bug reports

Attach exact viewport & zoom info to issues — reduces back-and-forth in triage.

Responsive QA

Check elements at breakpoints and validate media query behavior without dev tools.

Design verification

Confirm that assets, fonts and spacing look correct at target DPR and zoom levels.

Frequently asked questions

What is viewport vs screen?

Viewport = usable browser area (innerWidth / innerHeight). Screen = full display resolution of the device (screen.width / screen.height).

How is browser scale detected?

We use window.devicePixelRatio and simple heuristics to estimate zoom/scale. Exact behavior can vary across browsers.

Can I save checks?

Yes — logged-in users can save history and export results from the dashboard.

Ready to try?

Run the live checker above, copy values into bug trackers or sign up to save and export results.

Pricing

Free live checker available. Premium plans include history, CSV export and team sharing of results.

Loading...

Please wait while we load the service details.