Debugování webu na iPadu a iPhonu (na MacOS)

Pokud chcete debugovat své stránky na iPadu či iPhonu a máte k dispozici zmíněný iPad nebo iPhone a ještě k tomu libovolný počítač Mac (iMac, MacBook apod.), můžete si zprovoznit debugger v Safari.

Nejprve budete potřebovat iPad nebo iPhone updatovaný na iOS verze 6 (nebo ještě lépe 7). Pak také updatujte MacOS na poslední verzi včetně Safari (nejlépe Maverics).

Propojte iPad/iPhone a Mac pomocí USB kabelu a počkejte, až se zařízení navzájem propojí.

Debugování

V zařízení (iPad/iPhone) přejděte do Settings (Nastavení), a pod menu Safari klikněte na Advanced a povolte Web Inspector.

Spusťte Safari na iPadu/iPhonu, přejděte na stránku, kterou chcete debugovat, a pak spusťte Safari v hostitelském MacOS. V menu Safari zvolte Settings (Předvolby), přejděte na Advanced (Pokročilé) a zaškrtněte Show Developer tools (Zobrazit nabídku Vývojář).

Zavřete nastavení a v menu Developer (Vývojář) najděte položku iPhone nebo iPad (bude zobrazeno jméno, které jste si nastavili pod Settings\General\About\Name). Klikněte na požadovanou stránku (která musí být otevřena v Safari v zařízení) a otevře se vám Web Inspector (Inspektor webu) pro zařízení.

V debuggeru pak můžete dělat všechny obvyklé věci – prohlížet zdroje webu (Resources), prozkoumávat DOM (Inspect) debugovat skripty (ResourcesScripts) nebo spouštět příkazi v konzoly (Console).

Debugger pro iOS 8

Pro debugování iOS8 (iPhone 6) potřebujete Safari obsažené v Yosemite updatu. Pokud máte Maverics nebo starší, můžete si stáhnout Webkit Nighly build.

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *