Browser-Info & Bildschirmauflösung
Lesen Sie Bildschirmauflösung, Viewport-Größe, Device Pixel Ratio, GPU, CPU-Kerne, Zeitzone und Verbindungsqualität aus einer Tabelle — inklusive der physischen Pixelzahl hinter der Skalierung.
100 % privat — alles läuft in Ihrem Browser
So funktioniert's
- 1
Seite öffnen: Die Erkennung startet von selbst, es gibt keinen Button zu drücken.
- 2
Lesen Sie im Block „Bildschirm“ die Panel-Auflösung, die nutzbare Fläche ohne Taskleiste und Dock und den Viewport, in dem Sie tatsächlich gestalten.
- 3
Kontrollrechnung: Die physische Auflösung ist Bildschirmauflösung mal Device Pixel Ratio — das ist der Wert, der für Screenshots und Exportgrößen zählt.
- 4
Klicken Sie nach Monitorwechsel, geändertem Browser-Zoom oder Drehung eines Tablets auf „Erneut erkennen“.
- 5
Nutzen Sie „Alle kopieren“, um alle Werte auf einmal in einen Fehlerbericht oder ein Design-Übergabedokument zu füllen.
Beispiele
27-Zoll-4K-Monitor mit 150 % Skalierung
Eingabe
Bildschirm 2560 × 1440 · Device Pixel Ratio 1,5 · Browser-Zoom 100 %Ausgabe
Bildschirmauflösung 2560 × 1440
Physische Auflösung 3840 × 2160
Viewport etwa 1707 × 960Smartphone mit hochauflösendem Display
Eingabe
Bildschirm 412 × 915 · Device Pixel Ratio 2,6Ausgabe
Bildschirmauflösung 412 × 915 (CSS-Pixel)
Physische Auflösung 1071 × 2379
Ausrichtung Hochformat · Touchpunkte 5Häufige Fragen
Wie ist meine Bildschirmauflösung?
Die Zeile „Bildschirmauflösung“ ist die vollständige Pixelgröße des Panels, auf dem der Browser läuft, vom Betriebssystem in CSS-Pixeln gemeldet. Mit aktiver Skalierung ist sie kleiner als die native Panelauflösung: ein 4K-Monitor bei 150 % meldet 2560 × 1440. Multipliziert mit dem Device Pixel Ratio erhält man die echten 3840 × 2160, die auch im Screenshot stehen.
Warum unterscheiden sich „Bildschirmauflösung“ und „Viewport“?
Die Auflösung beschreibt den ganzen Bildschirm; die nutzbare Fläche zieht Taskleiste und Dock ab; und der Viewport ist das Rechteck, in dem die Seite wirklich gezeichnet wird — abzüglich Browser-Oberfläche, Erweiterungen und offener Panels. Daher kommt das Layout, das „auf den Bildschirm passt“ und trotzdem scrollt. Fenstergröße oder Browser-Zoom verschieben den Viewport, während die Auflösung bleibt.
Was ist das Device Pixel Ratio?
Die Anzahl physischer Bildschirm-Pixel, die ein CSS-Pixel darstellen. Ein DPR von 1 ist ein gewöhnlicher Bildschirm, 2 ist Retina und das übliche Smartphone, aktuelle Flaggschiffe erreichen 3, und die Desktop-Skalierung liefert Werte wie 1,25 oder 1,5. Es entscheidet, ob ein 1×-Bild unscharf wirkt, wann @2x-Ressourcen sinnvoll sind und in welcher Größe ein SVG oder Canvas gezeichnet werden muss, damit es scharf bleibt.
Warum zeigen manche Zeilen einen Gedankenstrich?
Browser halten Hardware-Details bewusst zurück. Der Gerätespeicher ist auf wenige Werte gerundet und Safari meldet immer denselben; die GPU-Renderer-Zeichenkette ist in Safari und Firefox gesperrt, weil sie das Fingerprinting erleichterte; der Verbindungstyp existiert nur in Chromium; und ein Notebook ohne Touchscreen meldet null Touchpunkte. Ein Strich ist eine fehlende Berechtigung, kein Defekt.
Kann eine Website mich mit diesen Infos identifizieren?
Genau diese Kombination — Auflösung, DPR, Kerne, GPU-Zeichenkette, Zeitzone, Sprachenliste — nutzt das Browser-Fingerprinting, weil sie oft einzigartig genug ist, um einen Besucher ohne Cookies wiederzuerkennen. Moderne Browser wehren sich: Safari friert den Gerätespeicher ein, Firefox und Safari verstecken den GPU-Renderer, und Chromium reduziert den User-Agent auf die Major-Version. Hier wird nichts übertragen, aber jede andere Seite kann dieselben Felder lesen.
Funktioniert es offline?
Ja. Alle Werte stammen aus lokalen Browser-APIs, daher funktioniert die Erkennung nach dem Seitenaufruf auch ohne Netz weiter; die Zeile „Online“ meldet in dem Fall einfach „nein“.