Auf dem Telefon selbst lassen sich die Entwicklertools nicht öffnen. Möglich ist etwas anderes: den Browser des Telefons über ein Kabel vom Computer aus zu steuern, und anders als der gleiche Weg auf einem iPhone - der einen Mac braucht - funktioniert das unter Windows, macOS oder Linux. Jeder Computer mit Chrome genügt.

Die Einrichtung, einmalig

Auf dem Telefon. Öffnen Sie Einstellungen → Über das Telefon und tippen Sie siebenmal auf Build-Nummer. Android meldet, dass der Entwicklermodus an ist. Gehen Sie zurück zu Einstellungen → System → Entwickleroptionen und schalten Sie USB-Debugging ein. Der genaue Pfad ist je nach Hersteller anders; in der Einstellungen-App nach “Build-Nummer” zu suchen geht schneller als danach zu jagen.

Verbinden. Stecken Sie das Telefon mit einem Kabel an den Computer, das Daten überträgt - ein reines Ladekabel ist der häufigste Grund, warum nichts auftaucht. Entsperren Sie das Telefon. Es fragt, ob USB-Debugging von diesem Computer erlaubt sein soll; bestätigen Sie.

Auf dem Computer. Öffnen Sie Chrome und gehen Sie auf chrome://inspect#devices. Ihr Telefon erscheint mit seinem Namen und einer Liste der Tabs, die darauf offen sind. Klicken Sie neben dem gewünschten Tab auf inspect.

Die Entwicklertools öffnen sich auf dem Computer und steuern das Telefon. Sie bekommen den vollen Satz an Panels - Elemente, Konsole, Netzwerk, alles - und dazu eine Live-Ansicht des Bildschirms, in die Sie klicken können, was wirklich nützlich ist, wenn die Person mit dem Telefon gerade mit Ihnen telefoniert.

Ohne Kabel

Ab Android 11 geht das auch über WLAN. Schalten Sie in den Entwickleroptionen Drahtloses Debugging ein, wählen Sie “Gerät mit Kopplungscode koppeln” und koppeln Sie vom Computer aus. Beide Geräte müssen im selben Netz sein. Es ist langsamer als ein Kabel, und es ist der Unterschied zwischen Fehlersuche am Schreibtisch und Fehlersuche vom Sofa aus.

Was dort sonst noch auftaucht

  • Andere Chromium-Browser auf dem Telefon - Samsung Internet, Edge - erscheinen in derselben Liste, sobald Debugging an ist.
  • Firefox für Android nicht. Sein Gegenstück ist about:debugging im Desktop-Firefox, mit demselben USB-Debugging-Schalter auf dem Telefon.
  • Eine Webview in einer nativen App erscheint nur, wenn die App mit aktiviertem Webview-Debugging gebaut wurde. Für Ihre eigene App in einem Entwicklungs-Build ist das eine Zeile. Für die App eines anderen aus dem Store steht es nicht zur Verfügung, und das ist Absicht.

Der Unterschied zum iPhone, den man kennen sollte

Unter iOS rendert jeder Browser mit WebKit, ein Fehler, der sich nur auf einem iPhone zeigt, ist also oft ein Engine-Unterschied, den kein Desktop-Browser nachstellen kann.

Bei Android ist das nicht so. Chrome auf Android ist Blink, dieselbe Engine wie Chrome auf Ihrem Desktop, und deshalb lassen sich die meisten Darstellungsfehler im Gerätemodus auf dem Desktop nachstellen - der Telefonansicht in den Entwicklertools. Das macht den Gerätemodus hier zu einem deutlich besseren ersten Versuch, als er es bei iOS ist.

Was der Gerätemodus trotzdem nicht liefert, ist der Rest des Telefons: echtes Touch-Verhalten und echte Trefferflächen, das tatsächliche Sichtfeld bei geöffneter Tastatur, Speichergrenzen auf einem günstigen Gerät, GPU-Unterschiede und alles, was mit den Netzbedingungen des Geräts selbst zu tun hat. Die Reihenfolge, die Zeit spart, lautet also: erst den Gerätemodus versuchen und zum Kabel greifen, wenn der Fehler dort nicht auftritt.

Session Replay

Kostenlose Chrome-Erweiterung. Ein Klick auf der Seite, die sich falsch verhält, erfasst den Screenshot, die Konsole und das Netzwerkprotokoll und gibt Ihnen einen Link, den Sie ins Ticket einfügen können.

Erweiterung holen

Wenn es das Telefon eines anderen ist

All das oben setzt voraus, dass Sie das Telefon in der Hand halten. Üblicherweise ist das nicht so: Ein Kunde hat gemeldet, dass Ihre Seite auf seinem Android kaputt ist, und den Entwicklermodus auf dem Gerät eines Fremden einzuschalten ist keine Bitte, die irgendjemand aussprechen wird.

Was Sie stattdessen erfragen sollten, geordnet danach, wie viel es verrät:

  • Eine Bildschirmaufnahme. Android nimmt den Bildschirm über die Schnelleinstellungen auf. Sie hält das Verhalten fest, den zeitlichen Ablauf und das, worauf getippt wurde.
  • Browser und Version. Die von Chrome steht unter Einstellungen → Über Chrome. “Android” ist keine Antwort - Chrome 152 auf Android 16 ist eine.
  • Den genauen Wortlaut jeder Fehlermeldung, abfotografiert, falls das einfacher ist als abzutippen.
  • Ob es in einem Inkognito-Tab passiert, was Ihre Seite von einer Erweiterung, einem Asset aus dem Cache oder einem veralteten Service Worker trennt.

Unsere eigene Grenze, auf einer Seite über Telefone deutlich gesagt: Unsere Erweiterung ist eine Chrome-Erweiterung für den Desktop. Sie erfasst die Konsole und das Netzwerkprotokoll auf einem Computer, nicht auf einem Telefon. Bei einem Desktop-Fehler erspart sie diesen ganzen Austausch, weil die technische Hälfte mit einem Knopfdruck ankommt. Bei einem Fehler, der nur auf dem Android von jemandem auftritt, sind die Aufnahme und die Versionsnummer weiterhin das, womit Sie arbeiten.

Kurzübersicht

  • Telefon: Einstellungen → Über das Telefon → siebenmal auf Build-Nummer tippen, dann Entwickleroptionen → USB-Debugging.
  • Computer: Chrome → chrome://inspect#devices → inspect.
  • Ein Datenkabel verwenden, das Telefon entsperren und die Abfrage bestätigen.
  • Ab Android 11 lässt sich stattdessen über WLAN koppeln.
  • Chrome auf Android ist dieselbe Engine wie Chrome auf dem Desktop, also den Gerätemodus versuchen, bevor Sie zum Kabel greifen.