Skærm og viewport detaljer
Skærmopløsningstest
Se skærmstørrelse, browserens visningsområde, enhedens pixelforhold, anslået fysisk opløsning, retning og farvedybde.
Skærmopløsningstest
Hvad dette værktøj måler
CSS pixels, enhedspixels og browservisningsporten er forskellige mål. Enhedens pixelforhold forbinder CSS viewporten til en estimeret backing-pixelstørrelse.
Hvordan man bruger det
- Læs værdierne for skærmen og viewporten.
- Ændr størrelsen på browseren for at se viewport-værdier opdateres.
- Brug fuld skærm til at reducere browserchrom, når du sammenligner dimensioner.
Hvorfor folk tjekker skærmopløsning
- Find den rapporterede opløsning af en computer eller telefon
- Forklar, hvorfor webside- og skærmbilledets dimensioner er forskellige
- Sammenlign skalering af operativsystemer, browserzoom og DPR
Skærmstørrelse, viewport og DPR
Skærmstørrelse er det visningsområde, der rapporteres af browseren, visningsporten er den plads, der er tilgængelig på siden, og DPR relaterer CSS pixels til enhedspixels.
Gentag testen
Brug flere kørsler under de samme forhold, før du drager en konklusion ud fra en enkelt værdi.
Sammenlign like med like
Hold browseren, vinduesstørrelsen, enhedsforbindelsen og strømtilstanden konsekvent, når du sammenligner resultater.
CSS pixels er ikke fysiske pixels
Ved 150 % systemskalering eller et andet browserzoomniveau kan det samme panel rapportere forskellige CSS dimensioner.
Fysiske pixels estimeres
Skærmstørrelse CSS ganget med DPR er nyttig kontekst, men beskyttelse af privatlivets fred og opsætning af flere skærme kan få den til at adskille sig fra den oprindelige panelopløsning.
Målegrænser
Browserzoom, skærmskalering, flere skærme og privatlivsbeskyttelse kan påvirke rapporterede værdier.
Privatliv
Målinger beregnes lokalt i din browser og uploades ikke af værktøjet.
Når opløsningsdata ser uventede ud
Hold siden aktiv
Baggrundsfaneregulering, browserudvidelser og andre travle applikationer kan påvirke browsermålinger.
Gentest under kontrollerede forhold
Genindlæs siden, behold de samme indstillinger, og gentag målingen, før du behandler en afviger som en fejl.
Kontroller begge skaleringskontroller
Operativsystemets visningsskalering og browsersidezoom påvirker begge CSS dimensioner og bør kontrolleres sammen.
Tag højde for flere skærme
Efter at have flyttet et vindue til en anden skærm, opdateres DPR og tilgængelig størrelse muligvis kun efter en ændring af størrelse eller vinduesbegivenhed.
Spørgsmål om skærmopløsning
Er dette en hardwarecertificeringstest?
Nej. Det er en diagnosticering på browsersiden beregnet til sammenligning og fejlfinding, ikke laboratoriecertificering.
Hvor behandles testdataene?
Målingen beregnes i denne browserfane, og værktøjet uploader ikke råtestinput.
Betyder en højere DPR altid en skarpere visning?
Nej. DPR er kun forholdet mellem CSS og enhedspixel; fysisk størrelse og native opløsning bestemmer også pixeltætheden.
Hvorfor er viewporten mindre end skærmen?
Browserværktøjslinjer, sidebjælker, vinduesrammer og ikke-fuldskærmstilstand reducerer alle det område, der er tilgængeligt for websiden.