Device Information
WebDisplay browser, OS, screen, GPU and runtime info with viewport, pixel ratio and more. Debug responsive layouts and feature detection on the fly.
About Device Information
When debugging responsive layouts or chasing compatibility issues, you often want to see the current device's screen size, pixel ratio, viewport, browser, and OS at a glance. This tool reads and displays these runtime parameters locally in your browser: screen resolution and available area, devicePixelRatio, viewport width and height, color depth, time zone, language, touch support, and more — all from the browser's own APIs. The data is shown only on your page and is never collected or reported. Tip: Bookmark this tool for quick access during your web development work. All processing happens locally in your browser with no installation required.
How to Use
- Open the Device Information tool page
- Enter or paste your data into the input area
- View the real-time results and use the copy button to get the output
Use Cases
- Responsive debug — Watch live viewport size and pixel ratio against your breakpoints to confirm media queries fire.
- HiDPI assets — Read devicePixelRatio to decide whether to serve 2x or 3x images for Retina screens.
- Environment capture — Ask a user to screenshot the info page to quickly gather the environment needed to reproduce a bug.
- Touch detection — Confirm touch support to decide whether to enable gestures or a hover fallback.
- Time zone & locale — Check the reported time zone and language to debug localization and date display.
- Zoom testing — Check the actual viewport vs devicePixelRatio to confirm CSS media queries match physical pixels.
- Browser fingerprint — Inspect a snapshot of your browser's exposed parameters to assess the fingerprinting surface.
FAQ
Why do screen size and viewport size differ?
screen.width/height is the whole display's physical resolution, while innerWidth/innerHeight is the browser's visible area (viewport), which shrinks with the address bar, zoom, and window size.
What does devicePixelRatio mean?
It is the ratio of physical to CSS pixels. A Retina screen is 2, meaning one CSS pixel is drawn by a 2x2 block of physical pixels, which tells you whether to prepare HiDPI assets.
Can this info uniquely identify me?
No single field can, but combining several (screen, fonts, time zone) forms a browser fingerprint. This tool only displays locally and collects nothing.
Why are some fields empty or restricted?
For privacy, modern browsers narrow some capabilities; battery, exact model, and similar may be unavailable or need permission, so reading undefined is normal.
Do values update after rotating the phone?
Yes. Viewport size, orientation, and others change with rotation or resizing; the tool listens to the resize event and refreshes the display live.
Any browser compatibility requirements?
This tool works in all modern browsers (Chrome, Firefox, Edge, Safari). No plugins or extensions required.
Can I use it offline?
After initial load, most features work offline. The core logic runs entirely in your browser with no network dependency.
Comments
Comments are stored locally in your browser. Configure Giscus for cloud-based comments.