Device information

This tool shows the information your browser exposes about your device: screen size, window size, pixel density, user agent, language, color depth and more. It is useful for front-end developers testing responsive layouts, for support teams who need a user's environment details, and for anyone curious about what websites can see.

How to use it

Open the page and the details appear immediately. Resize the window to watch the viewport values change. Copy the values you need into a bug report or support ticket.

What the values mean

• Screen resolution: the size of your display in CSS pixels, from screen.width and screen.height.
• Viewport / window size: the area available to the page, from innerWidth and innerHeight. This is what CSS media queries respond to.
• Device pixel ratio: how many physical pixels make up one CSS pixel. A value of 2 or 3 means a high-density (Retina) display, so images need 2x or 3x resolution to look sharp.
• User agent: the browser's identification string.
• Language: your preferred languages, used for localisation.
• Color depth: bits per pixel, usually 24 or 30.

Example

An iPhone 15 reports a screen of 393 × 852 CSS pixels with a device pixel ratio of 3, meaning the physical panel is 1179 × 2556 pixels. A layout breakpoint at 400 px therefore treats it as a phone, even though it has more physical pixels than many laptops.

Privacy note

Every website can read these values. Combined, they contribute to browser fingerprinting. This page only displays them to you and does not store or send them.