Analyse
Device Info
The device info tool displays a comprehensive overview of the current browser environment and device properties, including browser name and version, operating system, screen resolution, device pixel ratio, installed language, timezone, connection type, and available memory. It is useful for QA engineers reproducing bugs, developers testing responsive layouts, and anyone needing to report their exact environment.
What is the Device Info Tool?
The device info tool reads publicly available browser APIs and reports all device and browser properties that a website can access without requesting explicit permission. This includes Navigator properties (userAgent, language, platform, hardwareConcurrency), Screen properties (width, height, colorDepth, devicePixelRatio), and environment details like the current timezone and connection type. The tool compiles these into a structured report that is easy to copy and share with a development team.
How does it work?
JavaScript APIs available in the browser are queried synchronously on page load. The tool reads window.navigator, window.screen, Intl.DateTimeFormat, the Network Information API (where available), and device memory APIs. Results are grouped by category and displayed in a readable table. A copy-all button exports the full report as a JSON object or plain text for inclusion in bug reports or support tickets.
Typical Use Cases
- Capturing exact browser and OS details when filing a bug report
- Verifying screen resolution and pixel ratio during responsive design QA
- Checking the detected language and timezone for internationalization debugging
- Profiling available hardware threads and memory for performance optimization
Step-by-step Guide
- Step 1: Open the device info tool in the browser whose properties you want to inspect.
- Step 2: Review the grouped sections: browser, OS, screen, environment.
- Step 3: Click Copy to export the full report as JSON or plain text.
- Step 4: Attach the report to your bug report or support ticket.
Tips & Notes
- Open the tool in the exact browser version you are testing — different browsers report different values.
- The hardware concurrency (CPU thread count) is useful for debugging parallel processing issues in web workers.
- Some browsers restrict the Network Information and device memory APIs — results may be absent on Firefox and Safari.
Frequently Asked Questions
Can a website see my real screen resolution?
Yes. window.screen.width and window.screen.height reveal your physical display resolution. window.innerWidth and innerHeight reveal the browser viewport size. All are accessible without any permission prompt.
What is the device pixel ratio?
The device pixel ratio (DPR) is the ratio of physical pixels to CSS pixels. A DPR of 2 means a Retina display where 1 CSS pixel equals 2 physical pixels. This affects how images and canvas elements should be rendered for sharp display.
Device Info
Displays information about your current device — screen size, pixel density, user agent, browser features, and more.
Open Tool