Co warto wiedzieć
- Aktywacja Web Inspector na iOS: Przejdź do Settings > Safari > Advanced i przenieś przełącznik Web Inspector na pozycję On.
- Użyj Inspektora sieci w systemie macOS: Podłącz urządzenie z systemem iOS do komputera Mac i wybierz adres URL do sprawdzenia z menu Develop.
Jeśli natkniesz się na błąd lub inny problem z witryną internetową w przeglądarce mobilnej Safari, użyj narzędzia Web Inspector, aby to zbadać. W tym artykule wyjaśniono, jak używać konsoli Safari dla iPhone'a do debugowania błędów za pomocą komputera Mac. Instrukcje dotyczą iPhone'ów z systemem iOS 14, iOS 12 lub iOS 11, a także komputerów Mac z systemem macOS Big Sur (11.0), macOS Catalina (10.15) lub macOS Mojave (10.14).
Aktywuj Web Inspector na swoim iPhonie lub innym urządzeniu z systemem iOS
Inspektor sieci jest domyślnie wyłączony, ponieważ większość użytkowników iPhone'a nie ma z niego żadnego pożytku. Jeśli jednak jesteś programistą lub jesteś ciekawy, możesz go aktywować w kilku krótkich krokach. Oto jak:
-
Otwórz iPhone'a Ustawienia menu.
Na iPhonie z wczesną wersją iOS, uzyskaj dostęp do konsoli debugowania przez Settings > Safari > Programista > Konsola debugowania Gdy Safari na iPhonie wykryje błędy CSS, HTML i JavaScript, szczegóły każdego wyświetlenia w debugerze.
- Przewiń w dół i dotknij Safari, aby otworzyć ekran, który zawiera wszystkie informacje związane z przeglądarką Safari na Twoim iPhonie, iPadzie lub iPodzie touch.
- Przewiń w dół strony i wybierz Zaawansowane.
-
Przesuń przełącznik Inspektor sieciowy do pozycji On.
Image
Podłącz urządzenie iOS do Safari na Macu
Aby użyć Inspektora Sieci, podłącz iPhone'a lub inne urządzenie iOS do komputera Mac z przeglądarką Safari i włącz menu Develop.
-
Przy otwartym Safari wybierz Safari z paska menu i wybierz Preferencje.
Image -
Wybierz kartę Zaawansowane.
Image -
Zaznacz pole wyboru Pokaż menu rozwijania na pasku menu i zamknij okno ustawień.
Image -
Z paska menu Safari wybierz Develop i wybierz nazwę podłączonego urządzenia iOS, a następnie wybierz adres URL, który pojawi się pod Safariaby otworzyć konsolę debugowania dla tej witryny.
Image Po podłączeniu urządzenia użyj komputera Mac, aby sprawdzić witrynę internetową, którą chcesz debugować, i otwórz ją w przeglądarce mobilnej Safari.
Co to jest inspektor sieci?
Programiści stron internetowych używają narzędzia Web Inspector do modyfikowania, debugowania i optymalizacji witryn internetowych na komputerach Mac i urządzeniach z systemem iOS. Po otwarciu Web Inspector programiści mogą sprawdzać zasoby na stronie internetowej. Okno Web Inspector zawiera edytowalny kod HTML oraz uwagi dotyczące stylów i warstw strony internetowej w osobnym panelu.
Przed iOS 6 przeglądarka iPhone Safari miała wbudowaną konsolę debugowania, której programiści używali do znajdowania defektów stron internetowych. Najnowsze wersje iOS używają zamiast tego narzędzia Web Inspector.
W Safari 9 i OS X Mavericks (10.9) firma Apple wprowadziła Responsive Design Mode w Web Inspector. Programiści używają tego wbudowanego symulatora do podglądu, jak strony internetowe skalują się do różnych rozmiarów ekranu, rozdzielczości i orientacji.
