Debugowanie stron internetowych w Chrome na urządzeniach z iOS w wersji 16.4 lub nowszej

Mike Dougherty
Mike Dougherty

Od wersji 115 możesz włączyć debugowanie Inspektora sieci Web w przeglądarce Safari na urządzeniach z iOS. Z tego posta dowiesz się, jak zacząć korzystać z tej funkcji.

Przed wersją 115 do debugowania stron internetowych konieczne było utworzenie Chrome na iOS na podstawie źródła, ponieważ wersja premierowa WKWebView nie obsługiwała zdalnego debugowania przez Inspektora sieci. W Chrome 73 dodaliśmy stronę chrome://inspect, która lokalnie wyświetla dzienniki JavaScriptu pomocne przy debugowaniu stron internetowych. Teraz, gdy WKWebView umożliwia debugowanie inspektora sieci (od iOS 16.4), dodaliśmy w Chrome 115 ustawienie, które włącza tę funkcję i ułatwia pracę programistom.

Wprowadzenie

Na urządzeniu z iOS musisz mieć:

  • iOS 16.4 lub nowszy.
  • Chrome w wersji 115 lub nowszej.

Na Macu musisz mieć:

  • menu Develop w przeglądarce Safari jest włączone; Włącz tę opcję w ustawieniach aplikacji Safari na karcie Ustawienia zaawansowane.

Na urządzeniu z iOS uruchom aplikację Chrome i przejdź do sekcji Ustawienia. W Ustawieniach treści włącz Inspektora sieci. Po zmianie tego ustawienia uruchom ponownie Chrome na iOS.

Debugowanie witryny

Gdy to ustawienie jest włączone, możesz debugować dowolną stronę otwartą w Chrome na iOS, wykonując te czynności.

  1. Podłącz urządzenie z iOS do Maca za pomocą kabla.
  2. W Chrome na iOS otwórz stronę, którą chcesz zbadać.
  3. Na Macu uruchom Safari. W menu Programowanie najedź kursorem na nazwę połączonego urządzenia i wybierz adres URL witryny, którą chcesz sprawdzić.

Wyświetlone okno Inspektora sieci umożliwia debugowanie bieżącego widoku witryny. Więcej informacji o korzystaniu z narzędzi dla programistów Safari znajdziesz w dokumentacji firmy Apple.