Dettagli dello schermo e del viewport
Test della risoluzione dello schermo
Visualizza dimensioni dello schermo e della finestra, rapporto pixel del dispositivo, risoluzione fisica stimata, orientamento e profondità colore.
Test della risoluzione dello schermo
Cosa misura questo strumento
CSS pixel, pixel del dispositivo e viewport del browser sono misurazioni diverse. Il rapporto pixel del dispositivo collega il viewport CSS a una dimensione stimata dei pixel di sfondo.
Come usarlo
- Leggere i valori dello schermo e del viewport.
- Ridimensiona il browser per vedere l'aggiornamento dei valori del viewport.
- Utilizza lo schermo intero per ridurre il chrome del browser quando confronti le dimensioni.
Perché le persone controllano la risoluzione dello schermo
- Trova la risoluzione segnalata di un computer o telefono
- Spiega perché le dimensioni della pagina web e dello screenshot differiscono
- Confronta la scalabilità del sistema operativo, lo zoom del browser e DPR
Dimensioni dello schermo, area di visualizzazione e DPR
La dimensione dello schermo è l'area di visualizzazione segnalata dal browser, il viewport è lo spazio disponibile per la pagina e DPR mette in relazione i pixel CSS con i pixel del dispositivo.
Ripeti la prova
Utilizzare diverse esecuzioni nelle stesse condizioni prima di trarre una conclusione da un singolo valore.
Confronta il simile con il simile
Mantieni coerenti il browser, le dimensioni della finestra, la connessione del dispositivo e la modalità di alimentazione quando confronti i risultati.
I pixel CSS non sono pixel fisici
Con un ridimensionamento del sistema del 150% o un livello di zoom del browser diverso, lo stesso pannello può riportare dimensioni CSS diverse.
I pixel fisici sono stimati
Le dimensioni CSS dello schermo moltiplicate per DPR sono un contesto utile, ma la protezione della privacy e le configurazioni multi-monitor possono renderlo diverso dalla risoluzione nativa del pannello.
Limiti di misurazione
Lo zoom del browser, il ridimensionamento dello schermo, più monitor e le protezioni della privacy possono influenzare i valori riportati.
Privacy
Le misurazioni vengono calcolate localmente nel tuo browser e non vengono caricate dallo strumento.
Quando i dati sulla risoluzione sembrano inattesi
Mantieni attiva la pagina
La limitazione della scheda in background, le estensioni del browser e altre applicazioni occupate possono influire sulle misurazioni del browser.
Ripetere il test in condizioni controllate
Ricaricare la pagina, mantenere le stesse impostazioni e ripetere la misurazione prima di considerare un valore anomalo come un errore.
Controlla entrambi i controlli di ridimensionamento
Il ridimensionamento della visualizzazione del sistema operativo e lo zoom della pagina del browser influiscono entrambi sulle dimensioni CSS e devono essere controllati insieme.
Tenere conto di più monitor
Dopo aver spostato una finestra su un altro display, DPR e le dimensioni disponibili potrebbero essere aggiornate solo dopo un evento di ridimensionamento o finestra.
Domande sulla risoluzione dello schermo
Si tratta di un test di certificazione hardware?
No. Si tratta di una diagnostica lato browser destinata al confronto e alla risoluzione dei problemi, non alla certificazione di laboratorio.
Dove vengono elaborati i dati del test?
La misurazione viene calcolata in questa scheda del browser e lo strumento non carica l'input grezzo del test.
Un DPR più alto significa sempre un display più nitido?
No. DPR è solo il rapporto tra CSS e i pixel del dispositivo; anche la dimensione fisica e la risoluzione nativa determinano la densità dei pixel.
Perché il viewport è più piccolo dello schermo?
Le barre degli strumenti del browser, le barre laterali, i bordi delle finestre e la modalità non a schermo intero riducono l'area disponibile per la pagina web.