Jak naśladować przeglądarkę mobilną (Android) na komputerze stacjonarnym

Question

Próbuję usunąć problem występujący tylko wtedy, gdy uzyskuję dostęp do witryny mobilnej za pomocą przeglądarki mobilnej. Podejrzewam, że podstawową przyczyną problemu jest buforowanie, które występuje, gdy kilkakrotnie uzyskujesz dostęp do tej samej strony.

Mogę odtworzyć problem konsekwentnie, gdy uzyskuję dostęp do strony z mojego telefonu z systemem Android, ale jeśli korzystam z przeglądarki na komputerze, problem nigdy nie występuje.

Ponieważ nie mogę używać żadnych narzędzi programistycznych na moim telefonie z Androidem, naprawdę muszę odtworzyć problem z przeglądarki na komputerze, tak, że mam jakiś sposób debugowania. Próbowałem już używać zarówno przeglądarki Firefox, jak i Chrome, z odpowiednim ustawieniem nagłówka User-Agent (tak, że wyświetlana jest wersja mobilna witryny), ale to nie działa.

Czy istnieje lepszy sposób naśladowania zachowania przeglądarki mobilnej z pulpitu, w sposób umożliwiający debugowanie kodu po stronie klienta? FWIW, jestem dość pewny, że mogę również odtworzyć problem na iPhonie, ale nie mam go dostępnego.

Answer 1

Możesz można użyć debugger w telefonie, using chrome debugger.

dzisiejszych czasach, można po prostu przejść do chrome:. // skontrolować/# urządzeń Po podłączeniu urządzenia w

Jeśli to nie zadziała, można użyć starej metody:

1. Połącz urządzenie mobilne do hosta za pomocą kabla USB
2. Na urządzeniu mobilnym uruchom Chrome. Otwórz Ustawienia> Zaawansowane> Narzędzia dla programistów i sprawdzić Enable USB opcję debugowania Web
3. wydać następujące polecenia w konsoli na komputerze hosta, aby umożliwić przekierowanie portów:
   adb forward tcp:9222 localabstract:chrome_devtools_remote
4. Otwarte pulpitu Chrome i przejdź do localhost: 9222
5. Wybierz stronę trzeba debugowania
6. teraz można rozpocząć debugowanie i profilowanie treści na telefon komórkowy w narzędziach dla programistów na pulpicie