Lab

LAB / 08 · Live tool

Browser Debug Report

Capture viewport, screen, browser, input and preference details in one report that is ready to share with a developer.

Browser environment debugging report
08 / UTILITIES

01 / CONTEXT

The problem

Visual bugs are difficult to reproduce when a report only says that a page looks wrong. The tool turns the visitor's environment into a structured, copyable diagnostic snapshot.

02 / CAPABILITIES

What it does

  1. 01

    Capture viewport, screen, pixel density and orientation.

  2. 02

    Report browser, platform, language and time zone.

  3. 03

    Detect touch, pointer, color-scheme and reduced-motion preferences.

  4. 04

    Copy a shareable plain-text report.

03 / SYSTEM

Privacy & architecture

A dependency-free static HTML page. All detection happens locally and no browser information is sent to a server.

Built with

  • HTML
  • CSS
  • JavaScript
  • Browser APIs

04 / HONEST NOTES

Known limits

  • Browser APIs may omit or generalize privacy-sensitive information.
  • The report helps reproduce a problem but does not inspect the affected page itself.