W Chrome 115 możesz włączyć debugowanie Safari Web Inspector w Chrome na iOS. Z tego artykułu dowiesz się, jak zacząć.
Przed wersją 115 przeglądarki Chrome debugowanie stron internetowych wymagało kompilowania kodu źródłowego Chrome na iOS, ponieważ wersja rozwojowa komponentu WKWebView nie obsługiwała zdalnego debugowania w narzędzie Web Inspector. W Chrome 73 dodaliśmy stronę chrome://inspect, która lokalnie wyświetla dzienniki JavaScriptu, aby ułatwić debugowanie stron internetowych. Teraz, gdy WKWebView umożliwia debugowanie w ramach Web Inspector w wersji produkcyjnej (od iOS 16.4), dodaliśmy ustawienie w Chrome 115, aby włączyć tę funkcję i jeszcze bardziej ulepszyć środowisko dewelopera.
Pierwsze kroki
Na urządzeniu z iOS musisz mieć:
- iOS 16.4 lub nowszy.
- Chrome 115 lub nowsza.
Na Macu musisz mieć:
- Włączone menu Programowanie w Safari. Włącz tę funkcję w ustawieniach aplikacji Safari na karcie Ustawienia zaawansowane.
Na urządzeniu z iOS uruchom aplikację Chrome i otwórz Ustawienia. W Ustawieniach treści włącz Web Inspector. Po zmianie tego ustawienia uruchom ponownie Chrome na iOS.
Debugowanie witryny
Po włączeniu tego ustawienia możesz debugować dowolną stronę w Chrome na iOS, wykonując te czynności.
- Połącz urządzenie z iOS z Macem za pomocą kabla.
- W Chrome na iOS otwórz stronę, którą chcesz sprawdzić.
- Na Macu uruchom Safari. W menu Rozwijanie najedź kursorem na nazwę połączonego urządzenia i kliknij adres URL witryny, którą chcesz sprawdzić.
Wyświetlone okno Web Inspector umożliwia debugowanie bieżącego widoku strony internetowej. Więcej informacji o używaniu Narzędzi dla deweloperów Safari znajdziesz w dokumentacji Apple.