Open sourceAttivoViewport Lab
Prova i layout responsive ridimensionando il viewport nella scheda che stai usando.
- piattaforma
- Chrome
- stack
- JavaScript, Chrome Manifest V3, Chrome DevTools Protocol
- licenza
- MIT
- installazione
- Installa dal Chrome Web Store
Panoramica
Viewport Lab permette di provare i layout responsive direttamente nella scheda Chrome corrente. Regoli larghezza e altezza conservando le dimensioni della finestra e lo stato della pagina.
Le media query e le unità del viewport rispondono alle dimensioni scelte. Funziona anche sulle pagine di sviluppo locali, con controlli in italiano.
Cosa fa
- Trascina i bordi o inserisci dimensioni esatte
- Viewport reale per media query, vw e vh
- Stato della pagina conservato durante ridimensionamento e navigazione
- Controlli da tastiera e ripristino
- Funziona su localhost, senza telemetria