Was sind deine Bildschirm-Spezifikationen?
Sieh deine Bildschirmauflösung, Browser-Viewport-Maße, Device Pixel Ratio (DPI), Farbtiefe und Orientierung — alles sofort von deinem Browser erkannt.
Dieses Werkzeug liest window.screen und devicePixelRatio, um die physische Auflösung, Viewport-Größe, Pixeldichte, Farbtiefe und Orientierung deines Displays zu melden.
Ein Device Pixel Ratio von 2 bedeutet, dass jedes CSS-Pixel 2x2 physische Pixel verwendet (Retina/HiDPI); 24-Bit-Farbtiefe bietet 16,7 Millionen Farben.
Was bedeuten deine Ergebnisse?
| Result | Range | Meaning |
|---|---|---|
| Erkannt | Auflösung, DPR und Farbtiefe angezeigt | Dein Browser meldet erfolgreich alle Display-Eigenschaften. DPR 1x ist Standard, 2x ist Retina/HiDPI, 3x findet sich auf High-End-Mobilbildschirmen. |
| Eingeschränkt | Viewport weicht erheblich von der Bildschirmauflösung ab | Browser-Symbolleisten, Taskleiste oder Skalierungseinstellungen reduzieren den nutzbaren Viewport. Drücke F11 für Vollbild, um den verfügbaren Platz zu maximieren. |
| Nicht unterstützt | Einige Eigenschaften geben Null oder undefined zurück | Selten bei modernen Browsern. Stelle sicher, dass du dich nicht in einem Headless- oder eingebetteten Kontext befindest, der den Zugriff auf die Screen API einschränkt. |
Häufige Probleme und Lösungen
Bildschirmauflösung zeigt niedriger als erwartet
Überprüfe die Skalierungseinstellungen deines Betriebssystems. Bei 150 % Skalierung auf einem 1920x1080-Display meldet der Browser eine effektive Auflösung von 1280x720 CSS-Pixeln mit DPR 1,5.
Farbtiefe zeigt 24-Bit statt 30-Bit
30-Bit (10-Bit pro Kanal) erfordert eine kompatible GPU, Display und Treiberkonfiguration. Die meisten Consumer-Displays verwenden 24-Bit (8-Bit pro Kanal) mit 16,7 Millionen Farben.