Verwenden Sie Chrome, um lokalen Webcode auf Ihrem Telefon zu debuggen

Originalübersetzungsinhalt:

Host entwickelt eine Website auf einem Computernetzwerkserver und greift dann von einem Android-Gerät aus auf den Inhalt zu.

Mit einem USB-Kabel und Chrome DevTools können Sie die Website von Ihrem Entwicklungscomputer aus ausführen und sie dann auf Ihrem Android-Gerät anzeigen.

TL;DR

Mit der Portweiterleitung können Sie Webserverinhalte von Ihrem Entwicklungscomputer auf Ihrem Android-Gerät anzeigen.

Wenn Ihr Webserver eine benutzerdefinierte Domäne verwendet, können Sie Ihr Android-Gerät so einrichten, dass es mithilfe der benutzerdefinierten Domänenzuordnungsdomäne auf Inhalte zugreift.

Portweiterleitung einrichten

Portweiterleitung ermöglicht Ihrem Android-Gerät den Zugriff auf Inhalte auf dem Webserver Ihres Entwicklungscomputers. Die Portweiterleitung funktioniert durch die Zuordnung eines TCP-Ports auf dem Android-Gerät zu einem überwachenden TCP-Port auf dem Entwicklungscomputer. Die Kommunikation zwischen den Ports erfolgt über die USB-Verbindung zwischen dem Android-Gerät und dem Entwicklungscomputer, sodass die Verbindung nicht von Ihrer Netzwerkkonfiguration abhängt.

So aktivieren Sie die Portweiterleitung:

Richten Sie Remote-Debugging zwischen Ihrem Entwicklungscomputer und Ihrem Android-Gerät ein. Wenn Sie fertig sind, sollten Sie das Dialogfeld „Android Device Check Device“ und die Verbindungsstatusanzeige im linken Menü sehen.

Aktivieren Sie im Dialogfeld „Geräte prüfen“ in DevTools die Portweiterleitung.

Klicken Sie, um eine Regel hinzuzufügen.