📱 Device Info & Screen Size Detector

How to Use the Device Info Tool

1. Open this page on the device you want to inspect — details are detected automatically on load.
2. Click Refresh Details to re-measure after resizing a window or rotating a phone.
3. Click Copy Full Report to get a plain-text summary you can paste into a bug report or support ticket.
4. Use the Supported Features section to see which browser APIs and image formats your device supports.

What You Can See

• Screen & viewport — CSS pixel width and height, available screen, device pixel ratio, color depth, orientation and layout viewport.
• Device — device type (phone, tablet or desktop), the model name parsed from your user agent, CPU cores, memory and touch capabilities.
• Browser & OS — browser name and version, rendering engine, operating system, language, time zone and connection type.
• Supported features — WebGL, WebAssembly, WebRTC, Service Workers, IndexedDB, storage, and more — with a live check for each one.

Why This Is Useful

Designers and developers use it to test responsive layouts: the pixel ratio and layout viewport explain why a site looks sharp on one phone and fuzzy on another. It also answers the classic support-ticket question — "what device and browser are you on?" — in one click, with no third-party trackers involved.

Screen Size vs Viewport Size

Screen size is the physical display area of the device in CSS pixels (for example 390 × 844 on an iPhone 14). The viewport is the area of the browser window actually showing the page, which shrinks as browser chrome, tabs and toolbars take space. The device pixel ratio (DPR) tells you how many physical pixels each CSS pixel covers — most phones ship with a DPR of 2 or 3.

Privacy: All detection runs locally in your browser. No data leaves your device.