Schermresolutiecontrole

Wilt u een bugrapport indienen waarin om uw oplossing wordt gevraagd, een responsieve lay-out testen of vraagt u zich gewoon af wat het werkelijke aantal pixels van uw telefoon is? Deze pagina leest het allemaal rechtstreeks vanuit uw browser: schermresolutie, huidige viewportgrootte, pixelverhouding van het apparaat, kleurdiepte en oriëntatie.

De twee meest verwarde getallen worden naast elkaar weergegeven. Schermresolutie is wat uw weergavehardware rapporteert in CSS-pixels; de viewport is het gebied dat uw browser daadwerkelijk aan webpagina's geeft - kleiner vanwege werkbalken, schuifbalken en venstergrootte. Pas het formaat van het venster aan en zie hoe de viewport-waarden live volgen.

Apparaatpixelverhouding (DPR) verklaart waarom een ​​laptop die 2880×1800 adverteert, 1440×900 rapporteert: op schermen met hoge dichtheid wordt elke CSS-pixel getekend met meerdere fysieke pixels. De tool toont de verhouding en vermenigvuldigt deze terug, zodat je zowel de CSS als de fysieke resolutie van je beeldscherm ziet.

Onderaan bevindt zich een kant-en-klare samenvattingsregel met alle waarden. Plak deze in een supportticket, een QA-checklist of een chat met uw ontwerper. Alles wordt lokaal gelezen via standaard browser-API's en verlaat nooit uw apparaat.