Kontrol af skærmopløsning

Indgivelse af en fejlrapport, der beder om din opløsning, teste et responsivt layout eller bare spekulere på, hvad din telefons reelle pixelantal er? Denne side læser det hele direkte fra din browser: skærmopløsning, aktuel visningsportstørrelse, enhedspixelforhold, farvedybde og orientering.

De to mest forvirrede tal vises side om side. Skærmopløsning er, hvad din skærmhardware rapporterer i CSS-pixel; viewporten er det område, din browser faktisk giver til websider - mindre på grund af værktøjslinjer, rullepaneler og vinduesstørrelse. Tilpas vinduets størrelse, og se viewport-værdierne følge live.

Device pixel ratio (DPR) forklarer, hvorfor en bærbar computer, der annoncerer 2880×1800, rapporterer 1440×900: På skærme med høj tæthed tegnes hver CSS-pixel med flere fysiske pixels. Værktøjet viser forholdet og multiplicerer det tilbage, så du både ser CSS og den fysiske opløsning på din skærm.

Nederst er der en klar til kopiering opsummeringslinje med alle værdier - indsæt den i en supportbillet, en QA-tjekliste eller en chat med din designer. Alt læses lokalt gennem standard browser API'er og forlader aldrig din enhed.