Tento wikiHow vás naučí, ako pomocou desktopovej aplikácie Safari od spoločnosti Apple kontrolovať výkon mobilných webových stránok v Safari pre iPhone.
Kroky
Časť 1 z 3: Povolenie webového inšpektora vo vašom iPhone
Krok 1. Otvorte Nastavenia svojho iPhone
Je to sivá ikona obsahujúca na vašej domovskej obrazovke prevody.
Krok 2. Prejdite nadol a klepnite na Safari
Je vo štvrtej alebo piatej skupine nastavení spolu s ďalšími aplikáciami Apple iPhone, ako sú pošta a kontakty.
Krok 3. Prejdite nadol a klepnite na Rozšírené
Je v spodnej časti ponuky.
Krok 4. Posuňte tlačidlo vedľa položky „Web Inspector“do polohy „On“
Je to posledná možnosť a po zapnutí sa zmení na zelenú.
Časť 2 z 3: Povolenie webového inšpektora na počítači Mac
Krok 1. Otvorte Safari na počítači Mac
Je to aplikácia, ktorá vyzerá ako modrý kompas.
Krok 2. Kliknite na Safari
Nachádza sa na paneli s ponukami v ľavom hornom rohu obrazovky.
Krok 3. Kliknite na položku Predvoľby
Krok 4. Kliknite na ⚙️Advanced
Je to záložka úplne vpravo v hornej časti okna.
Krok 5. Začiarknite políčko „Zobraziť ponuku Rozvinúť na paneli s ponukami
" Je to v spodnej časti okna.
Krok 6. Pripojte svoj iPhone
Pripojte svoj iPhone k počítaču Mac pomocou kábla USB dodaného so zariadením.
Časť 3 z 3: Použitie Web Inspector v Safari pre iPhone
Krok 1. Otvorte webovú stránku
V Safari pre iPhone otvorte mobilnú webovú stránku, ktorú chcete ladiť.
Krok 2. Kliknite na Vyvinúť
Je to tretia rozbaľovacia ponuka sprava v Safari pre Mac.
Krok 3. Kliknite na svoj iPhone
Zobrazí sa v hornej časti ponuky.
Krok 4. Kliknite na webovú stránku
Zobrazí sa vo vyskakovacom okne vpravo od vášho iPhone.
Ak ste v aplikácii Safari pre iPhone neotvorili webovú stránku, zobrazí sa správa „Žiadne kontrolovateľné aplikácie“
Krok 5. Skontrolujte stránku
Pomocou Safari na Macu môžete vylepšovať a merať výkon mobilných stránok vo svojom iPhone.
- Web Inspector vám umožňuje spúšťať príkazy v JavaScripte a vytvárať tak pre užívateľa dynamickejšie a interaktívnejšie prostredie, ako sú animácie a správy v reálnom čase.
- Skontrolujte prvky DOM (Document Object Model), či neobsahujú chyby v príkazoch HTML, XML alebo JavaScript.
- Pomocou CSS aktualizujte alebo upravujte rozloženie, farby a písma na mobilných stránkach.