Geräteinfos

Browser- und Geräteinformationen anzeigen

Entwickler-Tools

Verwendung von Geräteinfos

  1. 1Seite öffnen
  2. 2Ihre Geräteinformationen werden automatisch angezeigt
  3. 3Beliebigen Wert mit dem Kopier-Button kopieren

Über Geräteinfos

Geräteinformationen zeigt detaillierte Informationen über Ihren aktuellen Browser, Betriebssystem, Bildschirm und Gerätefähigkeiten an — alle direkt aus den Standard-Browser-APIs gelesen. Keine Installation, keine Erweiterungen und keine Serverkommunikation erforderlich.

Entwickler, QA-Ingenieure und Support-Teams müssen bei der Fehlersuche bei browserspezifischen Problemen häufig Umgebungsdetails erfassen. Anstatt durch Browser-Einstellungsmenüs zu navigieren oder rohe User-Agent-Zeichenketten zu lesen, präsentiert diese Seite alle relevanten Details in einem sauberen, kopierbaren Format.

Alle Daten werden aus Standard-Browser-APIs gelesen und verbleiben vollständig auf Ihrem Gerät.

Hauptfunktionen von Geräteinfos

  • Zeigt Browser-Name, -Version und -Rendering-Engine
  • Zeigt Betriebssystem und OS-Version
  • Bildschirmauflösung, Viewport-Abmessungen und Gerätepixelverhältnis
  • Farbtiefe und Anzeige-Farbgamut
  • Zeitzone, Spracheinstellungen und Locale
  • Online/Offline-Status und Verbindungstyp (falls verfügbar)
  • Hardware-Parallelität (Anzahl logischer CPU-Kerne)
  • Läuft vollständig im Browser — nichts wird an Server übertragen

Beispiele

Umgebungsdetails für einen Fehlerbericht erfassen

Browser- und OS-Details für ein Jira-Ticket oder GitHub-Issue sammeln.

Eingabe

Device Info-Seite im Browser öffnen

Ausgabe

Browser: Chrome 124.0.0 | OS: macOS 14.4 | Bildschirm: 2560×1600 (2× DPI) | Viewport: 1280×800

Responsiven Breakpoint beim geräteübergreifenden Testen überprüfen

Tatsächliche Viewport-Breite und Gerätepixelverhältnis beim Testen eines responsiven Designs prüfen.

Eingabe

In mobilem Browser oder Browser-DevTools-Geräteemulation öffnen

Ausgabe

Viewport: 375×667 | Gerätepixelverhältnis: 3 | Touch: Ja

Typische Anwendungsfälle

  • Erfassen von Browser- und OS-Details für Fehlerberichte und Support-Tickets
  • Überprüfung von Viewport-Abmessungen und Gerätepixelverhältnis beim Responsive-Design-Testing
  • Überprüfung der Hardware-Parallelität um verfügbare Threads für Web Workers zu verstehen
  • Dokumentation der Testumgebung für QA-Tests auf verschiedenen Geräten
  • Bestätigung von Zeitzone und Locale-Einstellungen die die Datum/Uhrzeit-Anzeige beeinflussen
  • Lehren von Browser-API-Fähigkeiten durch Zeigen der für Web-Apps verfügbaren Daten

Fehlerbehebung

Betriebssystem wird als unbekannt angezeigt

Lösung

OS-Erkennung basiert auf User-Agent-String-Parsing. Datenschutz-Erweiterungen oder gefälschte User-Agents können falsche oder leere OS-Informationen melden.

Bildschirmauflösung zeigt unerwarteten Wert

Lösung

screen.width und screen.height melden die physischen Bildschirmabmessungen. Auf High-DPI-Displays unterscheiden sich CSS-Pixel von physischen Pixeln.

Hardware-Parallelität zeigt 1 auch auf Multi-Core-Maschine

Lösung

Einige Browser begrenzen navigator.hardwareConcurrency aus Datenschutzgründen. Firefox und Brave können einen reduzierten Wert melden um Fingerprinting zu verhindern.

Häufig gestellte Fragen

Werden diese Informationen an einen Server gesendet?

Nein. Alle Informationen werden direkt aus Browser-APIs gelesen und lokal angezeigt. Nichts wird an einen Server übertragen.

Warum erscheint die OS-Version manchmal falsch?

OS-Versionserkennung basiert auf dem User-Agent-String-Parsing, das datenschutzorientierte Browser möglicherweise fälschen.

Was ist das Gerätepixelverhältnis?

Gerätepixelverhältnis (DPR) ist das Verhältnis von physischen Bildschirmpixeln zu CSS-Pixeln. Ein DPR von 2 bedeutet 4 physische Pixel pro CSS-Pixel — häufig auf Retina-Displays.

Was ist Hardware-Parallelität?

Hardware-Parallelität meldet die Anzahl logischer CPU-Kerne. Web-Anwendungen können dies verwenden um zu entscheiden wie viele parallele Web Workers sie erstellen.

Kann ich damit testen ob ein Benutzer auf einem Mobilgerät ist?

Ja, Device Info zeigt den User-Agent-String und Touch-Unterstützung. Für Produktionscode verwenden Sie Feature-Erkennung statt User-Agent-Parsing.

Zeigt es GPU-Informationen?

Grundlegende GPU-Informationen können über die WebGL-Renderer-Zeichenkette verfügbar sein. Dieses Tool konzentriert sich auf die praktisch nützlichsten Geräteeigenschaften.

Warum unterscheidet sich die Viewport-Größe von der Bildschirmgröße?

Viewport ist der sichtbare Browser-Fensterbereich. Bildschirmgröße ist die gesamte physische Anzeigeauflösung. Diese unterscheiden sich weil Browser-Chrome Platz einnimmt.

Kann es für Browser-Fingerprinting verwendet werden?

Die hier gezeigten Eigenschaften sind dieselben, die beim Browser-Fingerprinting verwendet werden. Dieses Tool zeigt sie nur für legitime Debugging-Zwecke.