← All extensions

CSS Inspector

Box-model and font of the element under your cursor, no DevTools

chromeedgebraveoperafirefox🔒 Zero telemetryVersion 1.0.0
Download the extension for ChromeDownload the extension for Firefox

Description

Inspect any element on the page with a click: full box-model (margin, border, padding, content), resolved font (family, size, weight, line-height, letter-spacing, color) and every measure shown in both px and rem. It reads the browser's actually-computed values (getComputedStyle), not what the CSS declares, so you see the real on-screen layout. No DevTools to open, no data ever leaves your browser.

Features

  • Computed box-model: margin, border, padding and content of the real element
  • Resolved font: family, size, weight, line-height, letter-spacing and color (with swatch)
  • Every measure in dual px and rem units, using the page's own root font-size
  • Highlight overlay for the element under the cursor, click to inspect
  • Reads the browser's computed (used) values, not the declared CSS
  • Cancel with Esc or right-click; 100% offline, zero telemetry

Privacy

100% local processing in your browser. Zero telemetry: no data is sent to external servers.

Required permissions

  • activeTab
  • scripting

Screenshots

CSS Inspector

Supported browsers

chromeedgebraveoperafirefox