Safari pro iOS obsahuje volitelnou ladicí konzoli, která pomáhá webovým vývojářům sledovat a řešit problémy s webovými stránkami na iPhonu a iPadu.

Ještě lepší je, že s nejnovějšími verzemi iOS ve skutečnosti používá stejný Web Inspector jako Safari na počítači, což znamená, že pokud k počítači připojíte iPhone nebo iPad, můžete přímo používat ladicí nástroje Safari. se zařízením iOS nebo iPadOS

Starší verze iOS mají tuto možnost také, a přestože nejsou tak inkluzivní jako nástroje pro ladění a vývojářské nástroje Safari pro stolní počítače, jsou stále užitečné a lze je snadno povolit nebo zakázat na iPhone a iPad.

Pojďme se dozvědět, jak tuto funkci povolit v nových i starých verzích iOS, a také se dozvíme, co se mezi verzemi liší.

Jak povolit a používat Web Inspector v Safari pro iPhone a iPad

Na moderních verzích iOS a iPadOS funguje webový inspektor Safari takto:

1. Otevřete Nastavení > Safari > Upřesnit a poté klepnutím povolte „Webový inspektor“
2. Připojte iPhone nebo iPad k počítači Mac, poté přejděte do Safari a povolte nabídku pro vývojáře, pokud jste tak neučinili, v Safari > Předvolby > Pokročilé > Zobrazit panel nabídky Vývoj
3. Stáhněte nabídku „Vývoj“ a najděte iPhone nebo iPad a poté otevřete webovou stránku, kterou chcete ladit
4. Otevře se Safari Web Inspector, kde můžete ladit a kontrolovat webové prvky ze zařízení iOS nebo IPadOS přímo v Safari na Macu

Nyní při navigaci na iPhonu nebo iPadu zjistíte, že se Web Inspector v Safari na Macu aktualizuje.

K ladicí konzoli můžete přistupovat prostřednictvím karty Konzola ve webovém inspektoru a k ladicímu programu můžete přistupovat prostřednictvím karty Debugger. A samozřejmě jsou k dispozici také obvyklé nástroje webového inspektora pro prvky, zdroje, síť atd.

V případě potřeby můžete také použít trik Zobrazit zdroj pro iOS a iPadOS, když jste na cestách.

Jak povolit ladicí konzoli na starších verzích iOS

Pokud máte na starším iPhonu nebo iPadu starší verzi iOS, celé ladění je na zařízení a nemáte možnost jej připojit k Safari na Macu. Nicméně je to stále docela užitečné, takto to funguje:

1. Spusťte „Nastavení“ a klepněte na „Safari“
2. Klepněte na „Pokročilé“
3. Posuňte „Debug Console“ do polohy ON

Po povolení klepněte na Debug Console v horní části libovolné obrazovky Safari a zobrazte chyby webových stránek.

Výchozí seznam zobrazuje všechny chyby, ale můžete se ponořit do konkrétnějších chyb HTML, JavaScript a CSS tak, že na ně klepnete jednotlivě.

Dalším užitečným nástrojem pro vývojáře mobilních webů je Firebug Lite pro iOS, který využívá bookmarklet javascriptu k načtení jednodušší verze oblíbeného vývojového nástroje Firebug. Tato funkce je pravděpodobně nejužitečnější i pro starší verze iOS, protože novější verze mají nové možnosti.

Používáte nějaké nástroje pro vývojáře webu pro iPhone nebo iPad? Podělte se s námi o jakékoli tipy, triky, aplikace nebo techniky v komentářích níže.