About this tool
Screen & Browser Info answers “what is my screen resolution?” the moment the page opens, then goes much further. It shows the size of your screen, the physical pixels behind it, the space left once the taskbar or dock is taken away, and the size of the browser window itself, which changes live as you drag the window or rotate a phone. A small to-scale sketch shows where your window sits on the screen.
Below the headline, six cards list more than forty details: pixel ratio, colour depth, wide colour and HDR support, an estimated refresh rate, touch and pointer type, your system’s dark mode and accessibility settings, browser and version, engine, operating system, languages, time zone, CPU threads, memory and graphics. Where a browser deliberately hides something, such as the exact macOS version or the iPhone model, the page says so instead of guessing.
It is handy for web designers checking breakpoints, for anyone filling in a support form, and for buying a monitor or a second-hand laptop. Copy everything as tidy text, as JSON for developers, or save a .txt file. All of it is read by your own browser, with no permissions asked and nothing sent anywhere.
How to use Screen & Browser Info
- Open the page. Your screen resolution appears at the top straight away, with the window size, pixel ratio and browser beside it.
- Resize the window, zoom, or turn your phone. The sizes and the sketch update as you go, and changed values glow briefly.
- Scroll through the cards for the detail you need. The grey line under a value explains what it means.
- Press “Measure again” in the Screen card to re-time the refresh rate, for example after moving the window to another monitor.
- Press “Copy all”, “Copy as JSON” or “Save .txt” to share the details with a support team or a developer.
A 13-inch MacBook Air shows 1470 × 956 as its screen resolution, with 2940 × 1912 physical pixels at a pixel ratio of 2. Websites lay out pages for the first number; the second is how many dots light up.
Features
- Screen resolution in CSS pixels plus the physical pixel count, available space and aspect ratio.
- Live viewport, visible area, full page size, scrollbar width, window position and the matching CSS breakpoint name.
- Device pixel ratio, colour depth, colour gamut (sRGB, Display P3, Rec. 2020) and HDR support.
- A refresh-rate estimate timed from real animation frames, snapped to common rates such as 60, 120 or 144 Hz.
- Touch points, main pointer type and hover, plus dark mode, reduced motion, contrast and forced-colour settings.
- Browser, version, engine and operating system, using Client Hints where the browser offers them and careful user-agent reading elsewhere.
- Languages, time zone with UTC offset, local number and date style, cookies, CPU threads, memory, graphics and connection estimate.
- Copy as plain text or JSON, or save a dated .txt report.
Tips and good to know
- Browser zoom changes the pixel ratio and the CSS sizes. Press Ctrl+0 (⌘0 on a Mac) first if you want the true figures.
- On Windows with display scaling at 150%, a 2560 × 1440 monitor shows as 1707 × 960 here. That is correct: it is the size websites see.
- Phones report only their viewport and screen in CSS pixels, so a phone with a 1170-pixel-wide panel shows 390 here at a pixel ratio of 3.
- Refresh rate is timed, not read from the hardware. Low-power mode, a busy computer or a browser cap can make it read lower.
- Developers can paste the JSON straight into a bug report: numbers stay numbers and missing values are null.
Frequently asked questions
Is any of my information sent or stored?
No. Every value is read by your browser on your device and shown only to you. The page makes no request with these details, asks for no permissions and keeps nothing after you close it.
Is it free? Are there any limits?
Yes, it is free with no sign-up and no limits. Check as often as you like and copy or save the results as many times as you need.
Does it work on iPhone, Android and offline?
Yes. It works in Safari, Chrome, Firefox, Edge and other modern browsers on phones, tablets and computers. Once the page has loaded, everything keeps working without a connection.
Why is my resolution lower than my monitor’s advertised resolution?
Browsers measure in CSS pixels. When your system scales the display, or the screen is high density like a Retina display, one CSS pixel covers several physical pixels. The “Physical pixels” row multiplies back to the real panel size.
What is the difference between screen size and viewport?
Screen size is the whole display. The viewport is the part of the browser window that shows the web page, without tabs, address bar or taskbar. Responsive web designs react to the viewport.
Why does it say my macOS or Android version is hidden?
To make people harder to track, browsers now freeze or trim the version numbers they announce. Chrome and Edge share the real version through a newer channel that this page reads; Safari and Firefox don’t, so we say it is hidden rather than show a wrong number.
How accurate is the refresh rate?
It is an estimate made by timing about a second of screen frames and taking the middle value. It is usually spot on, but some browsers hold pages at 60 Hz to save battery, so a 120 Hz screen can read as 60.
Page last reviewed