Ta wikiHow uczy, jak korzystać z aplikacji Safari na komputery Apple do sprawdzania wydajności mobilnych stron internetowych w Safari na iPhone'a.
Kroki
Część 1 z 3: Włączanie Inspektora sieci na swoim iPhonie
Krok 1. Otwórz ustawienia swojego iPhone'a
To szara ikona zawierająca koła zębate na ekranie głównym.
Krok 2. Przewiń w dół i dotknij Safari
Znajduje się w czwartej lub piątej grupie ustawień, wraz z innymi aplikacjami Apple iPhone, takimi jak Poczta i Kontakty.
Krok 3. Przewiń w dół i dotknij Zaawansowane
Znajduje się na dole menu.
Krok 4. Przesuń przycisk obok "Inspektor sieciowy" do pozycji "Włączone"
To ostatnia opcja i po włączeniu zmieni kolor na zielony.
Część 2 z 3: Włączanie funkcji Web Inspector na komputerze Mac
Krok 1. Otwórz Safari na komputerze Mac
To aplikacja, która wygląda jak niebieski kompas.
Krok 2. Kliknij Safari
Znajduje się na pasku menu w lewym górnym rogu ekranu.
Krok 3. Kliknij Preferencje
Krok 4. Kliknij ⚙️Zaawansowane
Jest to karta po prawej stronie u góry okna.
Krok 5. Zaznacz „Pokaż menu rozwijania na pasku menu
" Jest na dole okna.
Krok 6. Podłącz iPhone'a
Użyj kabla USB dołączonego do urządzenia, aby podłączyć iPhone'a do komputera Mac.
Część 3 z 3: Korzystanie z Inspektora sieci w Safari na iPhone'a
Krok 1. Otwórz stronę internetową
W przeglądarce Safari na iPhone'a otwórz mobilną stronę internetową, którą chcesz debugować.
Krok 2. Kliknij Rozwiń
To trzecie menu rozwijane od prawej strony w Safari dla komputerów Mac.
Krok 3. Kliknij swojego iPhone'a
Będzie on wymieniony w górnej części menu.
Krok 4. Kliknij na stronie internetowej
Pojawia się w wyskakującym okienku po prawej stronie iPhone'a.
Jeśli nie otworzyłeś witryny internetowej w aplikacji Safari na iPhonie, zobaczysz komunikat „Brak aplikacji do sprawdzenia”
Krok 5. Sprawdź stronę
Używając Safari na Macu, możesz poprawić i zmierzyć wydajność stron mobilnych na swoim iPhonie.
- Web Inspector umożliwia uruchamianie poleceń w JavaScript, aby stworzyć bardziej dynamiczne, interaktywne środowisko dla użytkownika, takie jak animacje i wiadomości w czasie rzeczywistym.
- Sprawdź elementy DOM (Document Object Model) pod kątem błędów w poleceniach HTML, XML lub JavaScript.
- Użyj CSS, aby zaktualizować lub edytować układ, kolory i czcionki na stronach mobilnych.