Mit der Portweiterleitung haben Sie folgende Möglichkeiten:
- Case 1. Fehler auf einem Tab beheben, der in einer anderen Chrome-Instanz geöffnet wurde.
- Fall 2. Sie können eine Website auf dem Webserver eines Entwicklungscomputers hosten und dann über ein USB-Kabel auf den Inhalt eines Android-Geräts zugreifen.
In Fall 2 funktioniert die Portweiterleitung über einen überwachten TCP-Port auf Ihrem Android-Gerät, der einem TCP-Port auf Ihrem Entwicklungscomputer zugeordnet ist. Der Traffic zwischen den Ports wird über die USB-Verbindung zwischen Ihrem Android-Gerät und dem Entwicklungssystem geleitet. Die Verbindung hängt also nicht von Ihrer Netzwerkkonfiguration ab.
Wenn Ihr Webserver eine benutzerdefinierte Domain verwendet, können Sie Ihr Android-Gerät außerdem so einrichten, dass über die benutzerdefinierte Domainzuordnung auf die Inhalte in dieser Domain zugegriffen wird.
Portweiterleitung einrichten
Führen Sie je nach Fall die nächsten Schritte aus.
Fall 1: Portweiterleitung zu einer anderen Chrome-Instanz einrichten
Führen Sie eine weitere Chrome-Instanz mit dem Parameter
--remote-debugging-port=PORT
aus. Beispiel:macOS
open -a "Google Chrome" --args --remote-debugging-port=PORT
Windows
start chrome --remote-debugging-port=PORT
Linux
google-chrome --remote-debugging-port=PORT
In der Chrome-Instanz, in der Sie das Debugging durchführen:
- Öffnen Sie
chrome://inspect/#devices
. - Achten Sie darauf, dass
Netzwerkziele entdecken aktiviert ist.
- Klicken Sie neben dem Kästchen auf Konfigurieren.
Geben Sie unter Einstellungen für die Zielerkennung den Wert
localhost:PORT
ein, setzen Sie ein Häkchen beiPortweiterleitung aktivieren und klicken Sie auf Fertig.
Unter Geräte sehen Sie ein neues Remote-Ziel. Klicken Sie neben dem Tab, auf dem Sie Fehler beheben möchten, auf Prüfen.
- Öffnen Sie
Im Gerätemodus wird ein neues Entwicklertools-Fenster geöffnet. In der Adressleiste oben können Sie die Adresse der Website eingeben, auf der Sie Fehler beheben möchten.
Neben der Adressleiste können Sie zwischen den Eingabemethoden wechseln.
Fall 2: Richten Sie für Ihr Android-Gerät die Portweiterleitung über USB ein
Richten Sie das Remote-Debugging zwischen Ihrem Entwicklungscomputer und Ihrem Android-Gerät ein. Wenn Sie fertig sind, sollte Ihr Android-Gerät in der Liste angezeigt werden.
Achten Sie darauf, dass
USB-Geräte entdecken aktiviert ist.
Klicken Sie neben dem Kästchen auf Portweiterleitung.
In den Einstellungen für die Portweiterleitung ist
localhost:8080
standardmäßig eingerichtet. Klicken Sie das Kästchen Portweiterleitung aktivieren an..
Wenn Sie andere Ports einrichten möchten, führen Sie die folgenden Schritte aus. Andernfalls überspringen Sie die Schritte und klicken Sie auf Fertig.
Geben Sie links in das Textfeld Port die Portnummer ein, von der aus Sie die Verbindung herstellen möchten. können Sie über Ihr Android-Gerät auf die Website zugreifen. Wenn Sie beispielsweise auf die Website von
localhost:5000
würden Sie5000
eingeben.Geben Sie rechts im Textfeld IP-Adresse und Port die IP-Adresse oder den Hostnamen ein, Ihre Website auf dem Webserver Ihres Entwicklungscomputers ausgeführt wird, gefolgt von der Portnummer. Für Wenn Ihre Website beispielsweise auf
localhost:5000
läuft, würden Sielocalhost:5000
eingeben.Klicken Sie auf Fertig.
Die Portweiterleitung ist jetzt eingerichtet. Oben sehen Sie auch eine Statusanzeige der Portweiterleitung. neben dem Gerätenamen.
Wenn du dir die Inhalte ansehen möchtest, öffne Chrome auf deinem Android-Gerät und gehe zum Port localhost
, den du
die im Feld Geräteport angegeben ist. Wenn Sie beispielsweise 5000
in das Feld eingegeben haben,
würden zu localhost:5000
gehen.
Benutzerdefinierten lokalen Domains zuordnen
Mit der benutzerdefinierten Domainzuordnung können Sie Inhalte auf einem Android-Gerät von einem Webserver auf Ihrem Entwicklungsmaschine mit einer benutzerdefinierten Domain.
Angenommen, Sie verwenden auf Ihrer Website die JavaScript-Bibliothek eines Drittanbieters, die nur mit der
Domain auf der Zulassungsliste chrome.devtools
. Also erstellen Sie einen Eintrag in der Datei hosts
auf Ihrem
Entwicklungsmaschine zur Zuordnung dieser Domain zu localhost
(z.B. 127.0.0.1 chrome.devtools
). Nachher
oder eine benutzerdefinierte Domainzuordnung und Portweiterleitung einrichten, können Sie die Website auf Ihrem
Android-Gerät unter der URL chrome.devtools
.
Portweiterleitung an Proxyserver einrichten
Wenn Sie eine benutzerdefinierte Domain zuordnen möchten, müssen Sie auf Ihrem Entwicklungscomputer einen Proxyserver ausführen. Proxy-Beispiele Server sind Charles, Squid und Fiddler.
So richten Sie die Portweiterleitung zu einem Proxy ein:
Führen Sie den Proxyserver aus und notieren Sie sich den verwendeten Port.
Richten Sie die Portweiterleitung zu Ihrem Android-Gerät ein. Geben Sie in das Feld Lokale Adresse Folgendes ein:
localhost:
, gefolgt vom Port, auf dem Ihr Proxyserver ausgeführt wird. Wenn es zum Beispiel auf Port8000
ausgeführt wird, geben Sielocalhost:8000
ein. Im Feld Geräteport Geben Sie die Nummer ein, über die Ihr Android-Gerät Musik hören soll, z. B.3333
.
Proxy-Einstellungen auf Ihrem Gerät konfigurieren
Als Nächstes müssen Sie Ihr Android-Gerät für die Kommunikation mit dem Proxyserver konfigurieren.
- Gehen Sie auf Ihrem Android-Gerät zu Einstellungen > WLAN:
Drücken Sie lange auf den Namen des Netzwerks, mit dem Sie verbunden sind.
Tippen Sie auf Netzwerk ändern.
Tippen Sie auf Erweiterte Optionen. Die Proxy-Einstellungen werden angezeigt.
Tippen Sie auf das Menü Proxy und wählen Sie Manuell aus.
Geben Sie im Feld Proxy-Hostname den Wert
localhost
ein.Geben Sie in das Feld Proxy-Port die Portnummer ein, die Sie für Geräteport vorherigen Abschnitt.
Tippen Sie auf Speichern.
Mit diesen Einstellungen leitet Ihr Gerät alle Anfragen an den Proxy Ihrer Entwicklung weiter Maschine. Der Proxy stellt Anfragen im Namen Ihres Geräts, sodass Anfragen an Ihre benutzerdefinierte lokale Domain ordnungsgemäß aufgelöst werden.
Sie können jetzt auf Ihrem Android-Gerät wie auf dem Entwicklungsmaschine.
Wird Ihr Webserver über einen nicht standardmäßigen Port ausgeführt, denken Sie daran, beim Angeben des Ports
und fordert die Inhalte von Ihrem Android-Gerät an. Wenn Ihr Webserver beispielsweise die benutzerdefinierte
Domain chrome.devtools
auf Port 7331
, wenn Sie die Website auf Ihrem Android-Gerät aufrufen, sollten Sie
verwenden Sie die URL chrome.devtools:7331
.