Geräteinformationen

Bildschirmgröße ist nicht Fenstergröße

Drei verschiedene Messwerte werden ständig verwechselt, und ihr Mix führt zu Layout-Fehlern, die nur auf fremden Rechnern auftreten. Die Bildschirmauflösung ist das physische Panel: Sie ändert sich nicht, wenn du etwas vergrößerst oder verkleinerst. Der verfügbare Bildschirmbereich zieht Platz ab, den das Betriebssystem dauerhaft beansprucht, wie eine Taskleiste oder die macOS-Menüleiste. Das Ansichtsfenster ist der Teil des Fensters, in den deine Seite tatsächlich zeichnen kann, und es ist der einzige der drei Werte, auf den CSS-Media-Queries reagieren.

Wenn du ein responsives Layout debuggst, ist das Ansichtsfenster fast immer die Zahl, die du suchst. Ein Nutzer mit einem 3840-Pixel-Monitor liest deine Seite vielleicht immer noch in einem 700-Pixel-Fenster, und eine gegen die Bildschirmbreite geschriebene Media-Query liefert ihm frohen Mutes das Desktop-Layout in einem Raum, der es nicht fassen kann.

Die Geräte-Pixeldichte verbindet die beiden Welten. Ein Verhältnis von 2 bedeutet, dass jedes CSS-Pixel mit einem 2x2-Block physischer Pixel gemalt wird — weshalb Bilder, die auf einem alten Monitor scharf wirken, auf einem modernen Laptop weich aussehen. Multipliziere das Ansichtsfenster mit der Pixeldichte, um die reale Pixelzahl zu erhalten, die ein Rasterbild zum Füllen des Raums braucht.

Die User-Agent-Zeichenkette lügt — und das absichtlich

Der User-Agent ist das am wenigsten vertrauenswürdige Feld auf dieser Seite. Jeder große Browser hat Jahrzehnte damit verbracht, die Namen anderer Browser an seine eigene Zeichenkette anzuhängen, um schlecht geschriebene Server-Prüfungen zu passieren — weshalb ein aktuelles Chrome-Build immer noch gleichzeitig Mozilla, AppleWebKit, KHTML, Gecko und Safari ankündigt. Browser frieren die Zeichenkette nun aktiv ein und reduzieren sie, um Fingerprinting einzuschränken.

Behandle sie als Hinweis, nie als Entscheidung. Wenn du wissen willst, ob ein Feature existiert, teste auf das Feature. Zu prüfen, ob eine API vorhanden ist, braucht eine Zeile, funktioniert auf Browsern, die es bei deinem Code noch nicht gab, und bricht nicht, wenn ein Hersteller seinen User-Agent umschreibt.

Was diese Werte über dich verraten

Einzeln identifiziert keines dieser Felder irgendwen. Zusammen sind sie überraschend unverwechselbar. Bildschirmauflösung, Zeitzone, Sprachenliste, CPU-Kernanzahl und Pixeldichte bilden zusammen einen Fingerprint, der oft über Millionen von Besuchern hinweg einzigartig ist — genau deshalb sammeln Tracker sie.

Das ist auch der Grund, warum mehrere Felder bewusst unscharfe oder fehlende Werte zurückgeben. Gerätespeicher wird auf einen groben Wert abgerundet. Manche Browser deckeln die gemeldete Kernanzahl, verweigern die Speicherangabe ganz oder liefern eine generische Plattformzeichenkette. Do Not Track wurde faktisch aufgegeben: Fast nichts beachtet es, und die meisten Browser senden es nicht mehr, weshalb ein leerer Wert hier in beide Richtungen nichts bedeutet.

Die praktische Konsequenz fürs Softwarebauen ist: Sammle das Minimum, das du wirklich brauchst. Wenn du entscheiden willst, ob du eine schwere Animation lädst, miss, wie schnell der erste Frame rendert, statt aus Kernanzahlen zu raten. Echte Messung schlägt abgeleitete Hardwarespezifikationen, und sie vergrößert die Fingerprint-Oberfläche nicht.