PixelParity — Viewport & Display Metrics

PixelParity gives front-end developers, designers, and QA engineers a precise view of the browser dimensions that drive responsive layouts. Open the compact popup for an instant snapshot, then move into a tab-scoped side panel when you need to watch values change live. FEATURES • See layout and visual viewports, Chrome tab zoom, device pixel ratio, outer-window size, scrollbar size, and rendered-pixel estimates. • Inspect screen and available-screen dimensions in CSS pixels, orientation, color depth, document extent, root/body typography, and media capabilities. • Track resize, zoom, orientation, and document-size changes in a live side panel. • Capture one memory-only baseline and compare live numeric deltas. • Use PixelParity Classic or Tailwind-style breakpoints, or create validated profiles for your own design system. • Copy versioned JSON, CSS custom properties, Markdown tables, or TSV; download JSON without a downloads permission. PRIVACY PixelParity works locally and only after you invoke it. It has no accounts, telemetry, analytics, ads, tracking, external requests, or remote code. Measurements and baselines are never persisted. Exports exclude page URLs, titles, content, and browsing history. Only extension preferences may sync through Chrome Sync. PERMISSIONS • activeTab: temporary access to the tab you explicitly inspect. • scripting: injects the bundled isolated measurement bridge into that tab. • storage: saves theme, density, breakpoint, and export preferences only. • sidePanel: opens the live inspector from the popup. HOW TO USE 1. Open a normal website and select PixelParity in the toolbar. 2. Read the essential snapshot or copy it in your preferred format. 3. Select “Open live inspector” for live updates, baselines, profiles, and exports. LIMITATIONS Chrome does not allow extensions to inspect protected browser pages, the Chrome Web Store, or some built-in viewers. Cross-origin navigation ends the temporary tab grant; PixelParity shows a reconnect state instead of requesting permanent website access. Screen values are browser-exposed CSS pixels, not physical monitor specifications. Support: https://github.com/aaarslan/pixelparity/issues Privacy policy: https://github.com/aaarslan/pixelparity/blob/main/PRIVACY.md