Tento wikiHow vás naučí, jak pomocí desktopové aplikace Safari pro počítače zkontrolovat výkon mobilních webových stránek v Safari pro iPhone.
Kroky
Část 1 ze 3: Povolení nástroje Web Inspector na vašem iPhone
Krok 1. Otevřete Nastavení vašeho iPhone
Je to šedá ikona obsahující na vaší domovské obrazovce ozubená kola.
Krok 2. Přejděte dolů a klepněte na Safari
Je ve čtvrté nebo páté skupině nastavení spolu s dalšími aplikacemi Apple iPhone, jako jsou Mail a Kontakty.
Krok 3. Přejděte dolů a klepněte na Upřesnit
Je ve spodní části nabídky.
Krok 4. Posuňte tlačítko vedle „Web Inspector“do polohy „On“
Je to poslední možnost a po povolení zezelená.
Část 2 ze 3: Povolení nástroje Web Inspector na počítači Mac
Krok 1. Otevřete Safari na vašem Macu
Je to aplikace, která vypadá jako modrý kompas.
Krok 2. Klikněte na Safari
Je to v řádku nabídek v levém horním rohu obrazovky.
Krok 3. Klikněte na Předvolby
Krok 4. Klikněte na ⚙️Advanced
Je to karta úplně vpravo v horní části okna.
Krok 5. Zaškrtněte „Zobrazit nabídku Develop na liště nabídek
" Je to ve spodní části okna.
Krok 6. Připojte svůj iPhone
Pomocí kabelu USB dodaného se zařízením připojte iPhone k počítači Mac.
Část 3 ze 3: Použití nástroje Web Inspector v Safari pro iPhone
Krok 1. Otevřete webovou stránku
V Safari pro iPhone otevřete mobilní webovou stránku, kterou chcete ladit.
Krok 2. Klikněte na Vyvinout
Je to třetí rozevírací nabídka zprava v Safari pro Mac.
Krok 3. Klikněte na svůj iPhone
Zobrazí se v horní části nabídky.
Krok 4. Klikněte na webovou stránku
Zobrazí se ve vyskakovacím okně vpravo od vašeho iPhone.
Pokud jste v aplikaci Safari na iPhonu neotevřeli webovou stránku, zobrazí se zpráva „Žádné kontrolovatelné aplikace“
Krok 5. Zkontrolujte stránku
Pomocí Safari na Macu můžete vylepšovat a měřit výkon mobilních stránek na iPhonu.
- Web Inspector vám umožňuje spouštět příkazy v JavaScriptu a vytvářet tak pro uživatele dynamičtější a interaktivní prostředí, jako jsou animace a zprávy v reálném čase.
- Zkontrolujte prvky DOM (Document Object Model), zda neobsahují chyby v příkazech HTML, XML nebo JavaScript.
- Pomocí CSS aktualizujte nebo upravujte rozložení, barvy a písma na mobilních stránkách.