Your Browser
{{ summaryTitle }}
{{ result.browser.name }} {{ result.browser.version }} {{ result.os.name }} {{ result.os.version }} {{ result.engine.name }}
Field Value Copy
{{ key }} {{ value }}

                
:

Introduction:

Web browsers are client applications that present pages and run scripts, and they also expose a concise snapshot of the device and connection that helps teams understand context. A clear browser and device details report can speed up troubleshooting when pages behave differently across systems.

Environment information explains what software and hardware you are using, how the page is being rendered, and what capabilities are available so reproducible steps are easier to confirm. A browser and device details report is often shared with support when diagnosing display glitches, audio issues, or slow loading.

Typical inputs are nothing more than opening the page and letting it read standard properties. The output is a readable summary and a structured JSON version that you can copy or download for later reference.

One typical case is confirming whether WebGL is available and whether the connection indicates a constrained link so 3D views may fall back gracefully. Another common case is checking language and time zone when timestamps or number formats look unfamiliar.

Results reflect your current setup, so values can change after resizing, switching networks, or altering privacy preferences. For repeatable comparisons, run checks in the same conditions, then share the report with a short note about what you tried.

Technical Details:

The report observes two kinds of quantities: identification strings that describe the software stack and hardware descriptors that reveal rendering and connectivity conditions. Identification covers browser name and version, engine, operating system, and device class. Hardware‑adjacent values include viewport size, device pixel ratio (DPR), color depth, languages, time zone, rendering features, and connection estimates.

Computation begins by parsing the user agent to infer browser, engine, operating system, and device fields. It then reads standard properties to gather viewport dimensions, display density, color depth, language arrays, time zone, cookie and tracking preferences, hardware concurrency, device memory, touch points, graphics capabilities, and network hints. All values are collated into a JSON payload alongside a human‑readable table.

Results include capability flags for WebGL and WebGPU, plus connection hints such as effective type and downlink so heavy features can be toggled thoughtfully. Near boundary conditions are common, for example DPR shifting with zoom or connection type changing after a network handoff; compare repeated runs when behavior is unstable.

Comparability depends on the platform and privacy settings. User‑Agent Client Hints (UA‑CH) fields may be partial or absent, and some properties are rounded or suppressed. Treat values as a faithful view of the current session rather than a permanent device fingerprint.

Processing pipeline

  1. Parse the user agent to identify browser, engine, operating system, and device.
  2. Query environment for viewport, screen, DPR, color depth, languages, and time zone.
  3. Read feature flags for cookies, tracking preference, WebGL, WebGPU, and touch points.
  4. Collect hardware concurrency and device memory where available.
  5. Probe network hints for effective type, downlink, and data‑saver preference.
  6. Assemble a summary and a structured JSON payload for copying or download.
Key parameters and meanings
Parameter Meaning Unit/Datatype Notes
Browser / VersionApplication and version derived from user agentstringShown in the summary header
Engine / VersionLayout/runtime engine identificationstringDisplayed as a badge
Operating SystemOS name and versionstringDerived from user agent
Device Type / Vendor / ModelDevice classification and identifiers if availablestringDesktop when unknown
Platform / Vendor stringsReported platform and vendor propertiesstringDirect from environment
Language / LanguagesPrimary locale and ordered preferencesstring, listUses browser locale settings
Screen ResolutionTotal screen pixel dimensionspx × pxPhysical screen coordinate space
ViewportInner window width and heightpx × pxUpdates on resize
Device Pixel Ratio (DPR)CSS‑pixel to device‑pixel ratioratioAffected by zoom
Color DepthBits per pixel channelbitsNull if unknown
User‑Agent BrandsStructured brand/version entrieslistFrom UA‑CH when present
UA‑CH Platform / VersionPlatform label and version hintstringHigh‑entropy values
UA‑CH Architecture / ModelCPU architecture and device modelstringMay be blank
Time Zone / Local TimeIANA zone and localized clockstringFrom Intl API and Date
Connectivity stateNetwork reachability flagbooleanReflects current status
Cookies EnabledCookie support capabilitybooleanSimple on/off
Do Not TrackTracking preference signalstring“unspecified”, “0”, or “1”
Hardware ConcurrencyLogical processor countintegerRounded on some platforms
MemoryApproximate device memoryGBLow‑precision hint
Touch SupportMaximum simultaneous touch pointsintegerZero means no touch
WebGL / WebGPUGraphics API availabilitybooleanWebGPU often experimental
Effective Connection Type (ECT)Broad connection quality classstringe.g., “4g”, “3g”
DownlinkEstimated throughputMb/sMay be null
Data‑Saver PreferenceReduced‑data request signalboolean“On” or “Off” in UI
User‑AgentRaw identification stringstringFull value displayed
Worked example. A session reports Browser “Chrome 120”, Operating System “Windows 11”, DPR 2, WebGL “Yes”, and ECT “4g”. Interpretation: high‑density display, hardware‑accelerated 3D enabled, and connection suitable for rich media.

I/O formats

Inputs and outputs
Input Accepted Families Output Encoding/Precision Rounding
Browser environmentStandard web platform propertiesSummary tableTextNone
Browser environmentStandard web platform propertiesJSON payloadUTF‑8 textNone
CSV exportUTF‑8 textNone

Units, precision & rounding

Numeric values are shown as provided by the platform without additional rounding. Throughput values use megabits per second. Local time follows your locale’s decimal and date separators. Counts such as hardware concurrency and touch points are integers.

Networking & storage behavior

No API calls or uploads are performed by the script; data is gathered within the page. Copy actions write plain text to the clipboard when permitted. Downloads are generated locally using object URLs and contain only what you see in the summary or JSON view.

Performance & determinism

Collection is instantaneous and scales with the small set of properties queried. With the same device, settings, and window size, repeated runs produce the same results. Viewport and connection hints update when the window or network changes.

Security considerations

The JSON preview uses HTML insertion for syntax highlighting; values originate from your environment. Avoid pasting untrusted text into fields that are later rendered as HTML elsewhere. The report can reveal device characteristics; share only with trusted parties.

Assumptions & limitations

  • Parsing depends on user agent formats that can vary across vendors.
  • Client hints may be partial, rounded, or withheld by privacy settings.
  • Hardware concurrency and memory are coarse hints, not exact specifications.
  • Connection metrics are estimates and can fluctuate moment to moment.
  • DPR changes with zoom; compare only at a consistent zoom level.
  • Time zone and local time rely on the device clock configuration.
  • WebGPU availability is limited and often disabled on older systems.
  • Heads‑up Some properties are not supported on all browsers or platforms.

Edge cases & error sources

  • Custom or spoofed user agents yielding unusual names or versions.
  • Language arrays empty or misordered after profile changes.
  • Viewport reported as zero during transient resize events.
  • Downlink reported as null on platforms without network hints.
  • Tracking preference returned as “unspecified” despite explicit choices.
  • Device memory unavailable on desktop platforms.
  • Touch point count zero on convertible devices without touch enabled.
  • WebGL context creation blocked by drivers or settings.
  • WebGPU flag present but no adapter due to restricted hardware.
  • Clipboard write failing when system policies require user gesture.

Scientific & standards backing

Concepts align with the User‑Agent Client Hints specification, the Network Information API concept, the Device Memory specification, and the graphics capabilities defined by WebGL and WebGPU communities.

Privacy & compliance

No data is transmitted or stored server‑side. The report may contain identifying information; handle according to your organization’s data handling policies.

How‑to · Step‑by‑Step Guide

The browser and device details report summarizes your current environment for quick diagnosis and sharing.

  1. Open the tool on the device you want to check Same device.
  2. Resize the window to the state you care about Viewport.
  3. Switch to the Info tab and scan the badges and table.
  4. Use Copy CSV or Download CSV for a compact table.
  5. Switch to JSON to copy or download the structured payload.

Example. Share the CSV with support and note “WebGL: Yes, DPR: 2, ECT: 4g”. This helps teams reproduce conditions.

  • Tip: capture a screenshot alongside the CSV for visual context.

FAQ

Is my data stored?

No. Values are gathered and displayed within the page. Copy and download actions generate files locally for you to share if desired.

How accurate is detection?

Parsing is accurate for mainstream setups, but privacy features and vendor changes can alter or hide details. Treat the report as descriptive, not authoritative.

What units are network speeds in?

Throughput uses megabits per second. The value is an estimate and may be null on platforms that do not expose it.

Can I use it without connectivity?

Once loaded, the page reads properties locally. The connectivity flag and connection hints reflect the current state and may change.

How do I find my user agent string?

Open the Info tab and scroll to the table row labeled “User‑Agent”. Use the copy button to place it on your clipboard.

What does “unspecified” mean for tracking?

It means the tracking preference is not explicitly set or not exposed. Some platforms omit this field entirely.

Is there a license or cost?

The package does not declare licensing terms. Use and redistribution policies should follow your organization’s guidelines.

Troubleshooting

  • Clipboard copy fails — trigger the button directly and allow clipboard access.
  • CSV does not download — check pop‑up or download blockers.
  • No connection details — your platform may not expose network hints.
  • Viewport reads zero — wait a moment after resizing and try again.
  • WebGL shows “No” — driver settings or extensions may disable it.
  • UA‑CH fields blank — client hints may be restricted by privacy settings.

Glossary

User agent
Identification string describing browser, engine, and platform.
User‑Agent Client Hints (UA‑CH)
Structured fields that expose selective identification details.
Device Pixel Ratio (DPR)
Ratio of device pixels to CSS pixels.
Effective Connection Type (ECT)
Qualitative indicator of connection quality like “4g”.
Hardware concurrency
Number of logical processing threads available.
Device memory
Approximate RAM exposed as a coarse hint in gigabytes.
WebGL
Graphics API for rendering 3D content in a canvas.
WebGPU
Modern graphics and compute API for advanced workloads.