← Tutte le estensioni

CSS Inspector

Box-model e font dell'elemento sotto al cursore, senza DevTools

chromeedgebraveoperafirefox🔒 Zero telemetriaVersione 1.0.0
Scarica l'estensione per ChromeScarica l'estensione per Firefox

Descrizione

Ispeziona qualsiasi elemento della pagina con un click: box-model completo (margin, border, padding, content), font risolto (family, size, weight, line-height, letter-spacing, colore) e ogni misura mostrata sia in px sia in rem. Legge i valori realmente calcolati dal browser (getComputedStyle), non quelli dichiarati nel CSS, così vedi il layout reale a schermo. Nessun DevTools da aprire, nessun dato che lascia il browser.

Funzionalità

  • Box-model calcolato: margin, border, padding e content dell'elemento reale
  • Font risolto: family, size, weight, line-height, letter-spacing e colore (con swatch)
  • Ogni misura in doppia unità px e rem, con root font-size letto dalla pagina
  • Overlay di evidenziazione dell'elemento sotto al cursore, click per ispezionare
  • Legge i valori computed (used value) del browser, non quelli dichiarati nel CSS
  • Annulla con Esc o click destro; 100% offline, zero telemetria

Privacy

Elaborazione 100% locale nel tuo browser. Zero telemetria: nessun dato viene inviato a server esterni.

Permessi richiesti

  • activeTab
  • scripting

Screenshot

CSS Inspector

Browser supportati

chromeedgebraveoperafirefox