Inspect device specifications, screen resolution, pixel ratio, platform, and browser capabilities locally.
Loading tool
About Device information
Shows what your browser reports about the current device: screen and viewport size in CSS pixels, physical pixels, device pixel ratio, color depth and gamut, GPU vendor and renderer via WebGL, CPU cores, time zone, languages and user preferences such as dark mode or reduced motion. Values update live when you resize the window, rotate the device, change the theme or go offline, and the full summary can be copied as JSON.
Common uses
- Check the viewport size and device pixel ratio when debugging a responsive layout
- Confirm which prefers-color-scheme, prefers-reduced-motion or prefers-contrast value a test device sends
- Find the GPU renderer and WebGL version when reporting a graphics bug
- Collect a device's screen, platform and locale details as JSON for a bug report
FAQ
- What is device pixel ratio (DPR)?
- Device pixel ratio is the number of physical screen pixels per CSS pixel. A DPR of 2 means a 100px-wide CSS box is drawn with 200 physical pixels, which is why high-DPI screens need 2x images to look sharp.
- Why is the screen size different from my monitor's resolution?
- Browsers report screen size in CSS pixels, which is the physical resolution divided by the device pixel ratio (including OS display scaling). The tool shows both values.
- Why are some fields empty?
- Some APIs are only available in certain browsers. For example, navigator.deviceMemory, navigator.connection and User-Agent Client Hints are Chromium-only, so Firefox and Safari leave those rows blank.