Wat zijn jouw schermspecificaties?
Bekijk je schermresolutie, browserviewportafmetingen, device pixel ratio (DPI), kleurdiepte en oriëntatie — allemaal direct gedetecteerd vanuit je browser.
Dit hulpmiddel leest window.screen en devicePixelRatio om de fysieke resolutie, viewportgrootte, pixeldichtheid, kleurdiepte en oriëntatie van je beeldscherm te rapporteren.
Een device pixel ratio van 2 betekent dat elke CSS-pixel 2x2 fysieke pixels gebruikt (Retina/HiDPI); 24-bit kleurdiepte biedt 16,7 miljoen kleuren.
Wat betekenen je resultaten?
| Result | Range | Meaning |
|---|---|---|
| Gedetecteerd | Resolutie, DPR en kleurdiepte getoond | Je browser rapporteert alle beeldschermeigenschappen succesvol. DPR 1x is standaard, 2x is Retina/HiDPI, 3x komt voor op high-end mobiele schermen. |
| Beperkt | Viewport verschilt aanzienlijk van schermresolutie | Browserwerkbalken, taakbalk of schaalinstellingen verkleinen de bruikbare viewport. Druk op F11 voor volledig scherm om de beschikbare ruimte te maximaliseren. |
| Niet ondersteund | Sommige eigenschappen geven nul of undefined terug | Zeldzaam bij moderne browsers. Zorg ervoor dat je niet in een headless- of ingebedde context werkt die de screen API-toegang beperkt. |
Veelvoorkomende problemen en oplossingen
Schermresolutie toont lager dan verwacht
Controleer je OS-beeldscherminstellingen voor schaling. Bij 150% schaling op een 1920x1080-scherm rapporteert de browser een effectieve resolutie van 1280x720 CSS-pixels met DPR 1,5.
Kleurdiepte toont 24-bit in plaats van 30-bit
30-bit (10-bit per kanaal) vereist een compatibele GPU, beeldscherm en driverconfiguratie. De meeste consumentenbeeldschermen gebruiken 24-bit (8-bit per kanaal) wat 16,7 miljoen kleuren biedt.