Drahtloses Debugging der Android Chrome App auf der Desktop (Mac) Chrome App

1141
alljamin

Vorgeschichte:

Das Nexus 5X ist mit einem USB-C-zu-USB-C-Kabel ausgestattet, das offensichtlich nicht mit USB-A kompatibel ist, ohne dass zusätzliche Geräte (USB-C-zu-USB-A-Kabel) erforderlich sind. Beide der oben genannten Kabel scheinen recht teuer zu sein, und ich möchte kein weiteres Kabel für das neu gekaufte Telefon kaufen.

Problem:

Ich muss eine Website in Chrome auf einem Android-Gerät - Nexus 5X - debuggen und sehen, was genau mit einer Seite in Chrome auf meinem Mac ohne USB-Kabelverbindung geschieht. Ich weiß, dass dies über die Portweiterleitungsfunktion von Google Chrome dev-tools möglich ist.

Die Hauptidee ist, dass ich native Android-Apps nicht debuggen muss, sodass alle vorgeschlagenen Schritte adbkeinen Sinn ergeben.

Ich kann auf Web-Apps zugreifen, die auf meinem Localhost-Apache-Webserver ausgeführt werden (Geräte-IP-Adresse: Portnummer). Ich kann jedoch nicht erkennen, was auf dem Gerätedisplay genau passiert, wenn etwas defekt ist.

Dieselbe Verbindung legt nahe, dass ich mein Gerät zuerst über USB anschließen muss, um es anschließend ohne USB verwenden zu können, und dann die Portweiterleitung konfigurieren. Dies bedeutet, dass ich jedes Mal eine Verbindung herstellen / trennen muss, wenn ich eine Website debuggen muss, was nicht sehr praktisch erscheint.

Frage:

Wie kann ich die Nexus 5X Android 6.0.1 Chrome-App (44.0.2403.133) mit meiner Desktop-Chrome-App (53.0.2785.116 (64-Bit)) debuggen, die auf Mac OSX El Capitan ausgeführt wird? Beide Geräte befinden sich in demselben Netzwerk unter demselben Google-Konto.

0

1 Antwort auf die Frage

0
alljamin

Ich habe dieses Problem in den letzten Tagen untersucht und hier ist das, was ich herausgefunden habe:

Ich habe eine Verbindung zu Kayce Basques - einem der Autoren des Google Debugging-Tutorials für Google - hergestellt und er hat bestätigt, dass es derzeit keinen offiziellen Weg gibt, drahtloses Debugging zu arrangieren. Zitiert seine Worte:

Der Remote-Debugging-Workflow hängt von der USB-Debugging-Funktion von Android ab.

Die andere Sache, die ich untersucht habe, war das drahtlose Debuggen mit dem Genymotion Android-Emulator. Ich habe es zum Laufen gebracht. Hier ist, wie:

  1. Der Genymotion Android-Emulator verfügt über native Betriebssystemabbilder vieler Geräte, da ich speziell in Nexus 5X 6.0.0 nachgesehen habe. Ich habe mich gerade für den Download dieses Bildes entschieden.
  2. Nachdem das Image heruntergeladen wurde, starte ich das Image, ging zu den Geräteeinstellungen und aktivierte das USB-Debugging

Emulator-Image des Nexus 5X Android 6.0.0

  1. Danach startete ich den Android-Browser und ging auf die Webseite meines Interesses

Offizielle Website von Google wurde auf dem Android-Emulator geöffnet

  1. Auf meiner Mac Chrome App habe ich eingegeben chrome://inspect

    Chrome-Desktop-App-Geräteansicht

  2. Desktop-Ansicht Ich habe inspectdirekt unter der Adresse der Webseite geklickt und dieses magische Fenster erhalten

Google Chrome-Tools

Jetzt kann ich sehen, was auf der Seite tatsächlich passiert, ohne ein Android-Gerät anzuschließen. Nur um sicherzugehen, ich habe alles auf dem aktuellen Nexus 5X 6.0.0 getestet und scheint nahtlos zu funktionieren.

Die Frage ist noch offen, auch wenn Sie sagen können, dass es eine Bestätigung von Google gibt. Ich glaube, es gibt immer noch Hacks oder Workarounds, und ich würde diese gerne sehen.

Verwandte Probleme