Safari na iOS zawiera opcjonalną konsolę debugowania, która pomaga twórcom stron internetowych śledzić i rozwiązywać problemy ze stronami internetowymi na iPhonie i iPadzie.

Co więcej, w najnowszych wersjach iOS korzysta z tego samego Web Inspectora, co Safari na komputerze, co oznacza, że ​​jeśli podłączysz iPhone'a lub iPada do komputera, możesz bezpośrednio korzystać z narzędzi do debugowania Safari z urządzeniem iOS lub iPadOS

Starsze wersje systemu iOS również mają tę funkcję i choć nie są tak wszechstronne jak narzędzia do debugowania i programistyczne przeglądarki Safari na komputerze, są nadal przydatne i można je łatwo włączyć lub wyłączyć na iPhonie i iPadzie.

Dowiedzmy się, jak włączyć tę funkcję zarówno w nowej, jak i starej wersji iOS, a także dowiedzieć się, czym różnią się te wersje.

Jak włączyć i używać Web Inspector w przeglądarce Safari na iPhone'a i iPada

W nowoczesnych wersjach iOS i iPadOS, tak działa Inspektor sieci Safari:

1. Otwórz Ustawienia > Safari > Zaawansowane, a następnie dotknij, aby włączyć „Web Inspector”
2. Podłącz iPhone'a lub iPada do komputera Mac, a następnie przejdź do Safari i włącz menu programisty, jeśli jeszcze tego nie zrobiłeś, przechodząc do Safari > Preferencje > Zaawansowane > Pokaż pasek menu Programowanie
3. Rozwiń pasek menu „Develop” i znajdź iPhone'a lub iPada, a następnie otwórz stronę internetową, którą chcesz debugować
4. Safari Web Inspector otworzy się, gdzie możesz debugować i sprawdzać elementy internetowe z urządzenia iOS lub IPadOS bezpośrednio w Safari na Macu

Teraz, gdy poruszasz się po iPhonie lub iPadzie, zobaczysz, że Web Inspector w przeglądarce Safari na Macu zostanie zaktualizowany.

Do konsoli debugowania można uzyskać dostęp za pośrednictwem karty Konsola w inspektorze sieci, a dostęp do debugera można uzyskać za pomocą karty Debuger. Oczywiście dostępne są również zwykłe narzędzia inspektora sieci dla elementów, zasobów, sieci itp.

W razie potrzeby możesz też skorzystać ze sztuczki View Source dla systemów iOS i iPadOS, gdy jesteś w ruchu.

Jak włączyć konsolę debugowania w starszych wersjach iOS

Jeśli masz starszą wersję iOS na starszym iPhonie lub iPadzie, całe debugowanie odbywa się na urządzeniu i nie możesz połączyć go z Safari na Macu. Niemniej jednak jest to całkiem przydatne, oto jak to działa:

1. Uruchom „Ustawienia” i dotknij „Safari”
2. Dotknij „Zaawansowane”
3. Przesuń „Konsolę debugowania” na WŁ.

Po włączeniu dotknij Konsoli debugowania u góry dowolnego ekranu przeglądarki Safari, aby wyświetlić błędy strony internetowej.

Domyślna lista zawiera wszystkie błędy, ale możesz przejść do bardziej szczegółowych błędów HTML, JavaScript i CSS, dotykając ich pojedynczo.

Innym przydatnym narzędziem dla twórców stron internetowych na urządzenia mobilne jest Firebug Lite na iOS, które wykorzystuje skryptozakładkę javascript do załadowania prostszej wersji popularnego narzędzia programistycznego Firebug. Ta funkcja jest prawdopodobnie najbardziej przydatna również w starszych wersjach iOS, ponieważ nowsze wersje mają nowe możliwości.

Czy używasz narzędzi do tworzenia stron internetowych na iPhone'a lub iPada? Podziel się z nami wszelkimi wskazówkami, sztuczkami, aplikacjami lub technikami w komentarzach poniżej.