Możesz używać przekierowania portów, aby:
- Case 1 (Zgłoszenie 1). Debuguj kartę otwartą w innym instancji Chrome.
- Zgłoszenie 2. Umieść witrynę na serwerze WWW maszyny do programowania, a następnie uzyskuj dostęp do treści z urządzenia z Androidem przez kabel USB.
W przypadku 2 przekierowanie portów działa przez nasłuchujący port TCP na urządzeniu z Androidem, który jest mapowany na port TCP na komputerze, z którego korzystasz. Ruch między portami odbywa się przez połączenie USB między urządzeniem z Androidem a komputerem do programowania, więc połączenie nie zależy od konfiguracji sieci.
Jeśli Twój serwer WWW używa własnej domeny, możesz skonfigurować urządzenie z Androidem do uzyskiwania dostępu do treści w tej domenie za pomocą mapowania domeny niestandardowej.
Skonfiguruj przekierowanie portów
Wykonaj kolejne czynności zależnie od zgłoszenia.
Przypadek 1. Skonfiguruj przekierowanie portów do innej instancji Chrome
Uruchom kolejną instancję Chrome z parametrem
--remote-debugging-port=PORT
, na przykład:macOS
open -a "Google Chrome" --args --remote-debugging-port=PORT
Windows
start chrome --remote-debugging-port=PORT
Linux
google-chrome --remote-debugging-port=PORT
W instancji Chrome, w której debugujesz dane:
- Otwórz pokój
chrome://inspect/#devices
. - Upewnij się, że
Discover sieci docelowe są zaznaczone.
- Kliknij Skonfiguruj obok pola wyboru.
W sekcji Ustawienia wykrywania miejsc docelowych wpisz
localhost:PORT
, zaznaczWłącz przekierowanie portów i kliknij Gotowe.
W sekcji Urządzenia pojawi się nowy cel zdalny. Kliknij sprawdź obok karty, którą chcesz debugować.
- Otwórz pokój
Otworzy się nowe okno Narzędzi deweloperskich w trybie urządzenia. Na pasku adresu u góry wpisz adres witryny, którą chcesz debugować.
Obok paska adresu można przełączać metody wprowadzania.
Przypadek 2. Skonfiguruj przekierowanie portów przez USB na urządzeniu z Androidem
Skonfiguruj zdalne debugowanie między maszyną programistyczną a urządzeniem z Androidem. Gdy skończysz, na liście powinno pojawić się Twoje urządzenie z Androidem.
Upewnij się, że opcja
Wykryj urządzenia USB jest zaznaczona.
Kliknij Przekierowanie portów obok pola wyboru.
W ustawieniach przekierowania portów port
localhost:8080
jest skonfigurowany domyślnie. Zaznacz Włącz przekierowanie portów..
Jeśli chcesz skonfigurować inne porty, postępuj zgodnie z instrukcjami poniżej. W przeciwnym razie pomiń te kroki i kliknij Gotowe.
W polu tekstowym Port po lewej stronie wpisz numer portu, z którego chcesz się przenosić. na Twoim urządzeniu z Androidem. Na przykład, jeśli chcesz wejść na stronę od
localhost:5000
wpisz5000
.W polu tekstowym Adres IP i port po prawej stronie wpisz adres IP lub nazwę hosta. działa na serwerze WWW komputera, z którym został podany numer portu. Dla: na przykład jeśli witryna działa w domenie
localhost:5000
, wpiszlocalhost:5000
.Kliknij Gotowe.
Przekierowanie portów zostało skonfigurowane. U góry widać też wskaźnik stanu gniazda. , a także obok nazwy urządzenia.
Aby wyświetlić treści, otwórz Chrome na urządzeniu z Androidem i przejdź do portu localhost
podany w polu Port urządzenia. Jeśli na przykład w polu wpiszesz 5000
, to
wejdzie na stronę localhost:5000
.
Mapowanie na niestandardowe domeny lokalne
Mapowanie domeny niestandardowej pozwala wyświetlać treści z serwera WWW na urządzeniu z Androidem na komputerze programistycznym z własną domeną.
Załóżmy np., że witryna używa zewnętrznej biblioteki JavaScript, która działa tylko na
chrome.devtools
z listy dozwolonych. Tworzysz wpis w pliku hosts
na
na komputerze programistycznym, aby zmapować tę domenę na localhost
(tj. 127.0.0.1 chrome.devtools
). Po
po skonfigurowaniu niestandardowego mapowania domeny i przekierowania portów, będziesz mieć możliwość wyświetlania witryny
Urządzenie z Androidem pod adresem URL chrome.devtools
.
Skonfiguruj przekierowanie portów na serwer proxy
Aby zmapować domenę niestandardową, musisz uruchomić serwer proxy na komputerze, na którym tworzysz aplikacje. Przykłady serwerów proxy serwery to Charles, Squid i Fiddler.
Aby skonfigurować przekierowanie portów na serwer proxy:
Uruchom serwer proxy i zanotuj, którego portu używa.
Skonfiguruj przekierowanie portów na urządzeniu z Androidem. W polu adres lokalny wpisz
localhost:
wraz z portem, na którym działa serwer proxy. Na przykład, jeśli to uruchomionych na porcie8000
, wpiszlocalhost:8000
. W polu device port (Port urządzenia) wpisz numer, którego ma słuchać Twoje urządzenie z Androidem, na przykład3333
.
Skonfiguruj ustawienia serwera proxy na urządzeniu
Następnie musisz skonfigurować urządzenie z Androidem, aby komunikowało się z serwerem proxy.
- Na urządzeniu z Androidem wybierz Ustawienia > Wi-Fi:
Przytrzymaj nazwę sieci, z którą masz połączenie.
Kliknij Modyfikuj sieć.
Kliknij Opcje zaawansowane. Zostaną wyświetlone ustawienia serwera proxy.
Kliknij menu Proxy i wybierz Ręcznie.
W polu Nazwa hosta serwera proxy wpisz
localhost
.W polu Port serwera proxy wpisz numer portu podany jako port urządzenia w polu poprzedniej sekcji.
Kliknij Zapisz.
Z tymi ustawieniami urządzenie przekazuje wszystkie żądania do serwera proxy w środowisku programistycznym na komputerze. Serwer proxy wysyła żądania w imieniu urządzenia, a więc wysyłane są do spersonalizowanych lokalizacji lokalnych są prawidłowo rozpoznawane.
Na urządzeniu z Androidem możesz teraz uzyskać dostęp do domen niestandardowych i tworzenia aplikacji.
Jeśli Twój serwer WWW korzysta z niestandardowego portu, podaj ten port,
żądania treści z urządzenia z Androidem. Jeśli na przykład Twój serwer WWW używa niestandardowego tagu
domeny chrome.devtools
na porcie 7331
, podczas wyświetlania witryny na urządzeniu z Androidem należy
używać adresu URL chrome.devtools:7331
.