Controllo della risoluzione dello schermo

Inviare una segnalazione di bug che richiede la tua risoluzione, testare un layout reattivo o semplicemente chiederti qual è il numero reale di pixel del tuo telefono? Questa pagina legge tutto direttamente dal tuo browser: risoluzione dello schermo, dimensione corrente del viewport, rapporto pixel del dispositivo, profondità del colore e orientamento.

I due numeri più confusi vengono visualizzati uno accanto all'altro. La risoluzione dello schermo è ciò che l'hardware di visualizzazione riporta in pixel CSS; il viewport è l'area che il tuo browser offre effettivamente alle pagine web, più piccola a causa delle barre degli strumenti, delle barre di scorrimento e delle dimensioni della finestra. Ridimensiona la finestra e osserva i valori del viewport seguire in tempo reale.

Il rapporto pixel del dispositivo (DPR) spiega perché un laptop che pubblicizza 2880×1800 riporta 1440×900: su schermi ad alta densità ogni pixel CSS viene disegnato con più pixel fisici. Lo strumento mostra il rapporto e lo moltiplica, così puoi vedere sia il CSS che la risoluzione fisica del tuo display.

In fondo c'è una riga di riepilogo pronta da copiare con tutti i valori: incollala in un ticket di supporto, in una lista di controllo QA o in una chat con il tuo designer. Tutto viene letto localmente tramite le API del browser standard e non lascia mai il tuo dispositivo.