Gdzie włączyć Inspektora Sieci na swoim iPhonie

Krótki przewodnik po badaniu zachowania witryny mobilnej

Pobieranie

Aktywuj Inspektor sieci Web na iOS: Ustawienia > Aplikacje > Safari > Zaawansowane > Inspektor sieci Web.
Użyj Web Inspector na Macu: Podłącz swoje urządzenie i wybierz adres URL do sprawdzenia z menu Develop w Safari.

Jeżeli natkniesz się na błąd lub inny problem ze stroną internetową w Safari, użyj narzędzia Web Inspector, aby to zbadać. Ten artykuł wyjaśnia, jak włączyć tę funkcję ze swojego telefonu, aby debugować błędy z pomocą Maca.

Jak włączyć Web Inspector na iPhonie

Inspektor sieci jest domyślnie wyłączony, ponieważ większość użytkowników iPhone’a nie ma potrzeby z niego korzystać. Jednak jeśli jesteś deweloperem lub jesteś ciekawy, możesz go aktywować w kilku prostych krokach. Oto jak:

Otwórz aplikację Ustawienia w swoim telefonie.

Na iPhonie z wczesną wersją iOS, uzyskaj dostęp do Konsoli Debugowania przez Ustawienia >Safari >Deweloper >Konsola Debugowania. Gdy Safari wykryje błędy CSS, HTML i JavaScript, szczegóły każdego z nich są wyświetlane w debugerze.
Przewiń w dół i stuknij Aplikacje > Safari.
Wybierz Zaawansowane na samym dole strony.
Przesuń przełącznik Inspektora sieci do pozycji Włączone.
Otwórz Safari na stronie internetowej, którą będziesz przeglądać.

Połącz swojego iPhone'a z Safari na Macu

Aby używać Inspektora sieci, podłącz swoje urządzenie do Maca i włącz menu Rozwój w Safari.

Z otwartą przeglądarką Safari wybierz Safari z paska menu i wybierz Ustawienia.
Wybierz kartę Zaawansowane.
Zaznacz pole na dole okna, obok Pokaż funkcje dla programistów internetowych. Jeśli tego nie widzisz, poszukaj Pokaż menu Develop w pasku menu.
Wybierz Rozwiń z paska menu Safari.
Najedź myszką na nazwę urządzenia, a następnie wybierz URL, który pojawi się pod Safari, aby otworzyć konsolę debugowania dla strony internetowej otwartej na telefonie.
Inspektor sieci otworzy się.

Czym jest Web Inspector?

Deweloperzy internetowi używają Web Inspector do modyfikowania, debugowania i optymalizowania stron internetowych na komputerach Mac i urządzeniach z iOS. Po otwarciu Web Inspector, deweloperzy mogą przeglądać zasoby na stronie internetowej. Okno Web Inspector zawiera edytowalny HTML oraz notatki dotyczące stylów i warstw strony internetowej w osobnym panelu.

W Safari 9 i OS X Mavericks (10.9) Apple wprowadziło tryb Responsive Design w Web Inspectorze. Programiści używają tego wbudowanego symulatora, aby podglądać, jak strony internetowe skalują się do różnych rozmiarów ekranów, rozdzielczości i orientacji.

Przed iOS 6 przeglądarka internetowa Safari na iPhone miała wbudowaną Konsolę Debugowania, której deweloperzy używali do znajdowania błędów na stronach internetowych. Nowsze wersje iOS używają zamiast tego Web Inspector.

Najczęściej zadawane pytania

Jak używać Web Inspector na iPadzie?

Aby skonfigurować Web Inspector na iPadzie, otwórz Ustawienia iPada i wybierz Safari > Zaawansowane, a następnie włącz Web Inspector Włącz. Podłącz iPada do komputera Mac, następnie otwórz Safari na Macu i wybierz Safari > Preferencje > Zaawansowane, a następnie włącz Pokaż menu Rozwój w pasku menu.

Czy mogę używać Web Inspectora na iOS z Chrome na Windows?