Ovaj wikiHow vas uči kako pomoću Appleove stolne Safari aplikacije provjeriti performanse mobilnih web stranica u Safariju za iPhone.
Koraci
Dio 1 od 3: Omogućavanje web inspektora na vašem iPhoneu
Korak 1. Otvorite postavke svog iPhonea
To je siva ikona koja sadrži zupčanike na početnom zaslonu.
Korak 2. Pomaknite se prema dolje i dodirnite Safari
Nalazi se u četvrtoj ili petoj skupini postavki, zajedno s drugim Appleovim aplikacijama za iPhone, poput pošte i kontakata.
Korak 3. Pomaknite se prema dolje i dodirnite Napredno
Nalazi se pri dnu izbornika.
Korak 4. Gurnite gumb pokraj "Web Inspector" u položaj "On"
To je zadnja opcija i postat će zelena kada je omogućena.
Dio 2 od 3: Omogućavanje web inspektora na vašem Macu
Korak 1. Otvorite Safari na svom Macu
To je aplikacija koja izgleda kao plavi kompas.
Korak 2. Pritisnite Safari
Nalazi se na traci izbornika u gornjem lijevom kutu zaslona.
Korak 3. Kliknite Postavke
Korak 4. Kliknite na ⚙️napredno
To je krajnji desni jezičak na vrhu prozora.
Korak 5. Označite "Prikaži izbornik Razvoj na traci izbornika
" Nalazi se pri dnu prozora.
Korak 6. Povežite svoj iPhone
Za povezivanje iPhonea s Mac računalom upotrijebite USB kabel koji ste dobili s uređajem.
Dio 3 od 3: Korištenje web inspektora na Safariju za iPhone
Korak 1. Otvorite web mjesto
Na Safariju za iPhone otvorite mobilnu web stranicu na kojoj želite otkloniti pogreške.
Korak 2. Kliknite na Develop
To je treći padajući izbornik s desne strane na Safariju za Mac.
Korak 3. Pritisnite svoj iPhone
Bit će naveden pri vrhu izbornika.
Korak 4. Kliknite na web mjesto
Pojavljuje se u skočnom prozoru desno od vašeg iPhonea.
Ako niste otvorili web mjesto u aplikaciji Safari na svom iPhoneu, vidjet ćete poruku "Nema aplikacija koje mogu provjeriti"
Korak 5. Pregledajte stranicu
Pomoću Safarija na Mac računalu možete poboljšati i mjeriti performanse mobilnih stranica na svom iPhoneu.
- Web Inspector omogućuje vam pokretanje naredbi u JavaScriptu za stvaranje dinamičnijeg, interaktivnog iskustva za korisnika, poput animacije i poruka u stvarnom vremenu.
- Pregledajte DOM (Document Object Model) elemente radi pogrešaka u naredbama HTML, XML ili JavaScript.
- Koristite CSS za ažuriranje ili uređivanje izgleda, boja i fontova na mobilnim stranicama.