Breakpoint Viewer

Scopri quale breakpoint CSS è attivo su qualsiasi sito web. Un piccolo badge appare nell'angolo della pagina e mostra il nome del breakpoint corrente, la sua larghezza minima e la larghezza effettiva del viewport in pixel. Il badge si aggiorna immediatamente mentre ridimensioni la finestra del browser.

Come funziona

Installa l'estensione e apri qualsiasi sito web. Un piccolo badge comparirà nell'angolo della pagina. Mentre ridimensioni la finestra, il badge si aggiorna in tempo reale per indicare quale breakpoint è attualmente attivo. Scegli un preset per il tuo framework CSS oppure configura breakpoint personalizzati.

Funzionalità

• Mostra il breakpoint CSS attivo, il suo valore di larghezza minima e la larghezza corrente del viewport
• Preset pronti all'uso per Tailwind CSS, Bootstrap, Bulma e Foundation
• Breakpoint personalizzati con controllo completo su nomi, larghezze e colori
• Posizione del badge in qualsiasi angolo della pagina
• Lista di inclusione e lista di esclusione per gestire la visibilità del badge sito per sito
• Aggiornamento in tempo reale durante il ridimensionamento della finestra
• Leggero e non interferisce con il contenuto della pagina
• Funziona su qualsiasi sito web

A chi è rivolto

Sviluppatori frontend e designer che realizzano o testano siti web responsive. Invece di fare supposizioni o controllare manualmente il CSS, questa estensione ti mette a disposizione queste informazioni a colpo d'occhio, direttamente sulla pagina.

Perché installarlo

Piccolo, veloce e non si fa notare. Non è necessario alcun account e nessun dato lascia il tuo browser.