Safari pre iOS obsahuje voliteľnú konzolu na ladenie, ktorá pomáha webovým vývojárom sledovať a riešiť problémy s webovými stránkami na zariadeniach iPhone a iPad.

Ešte lepšie je, že v najnovších verziách systému iOS sa v skutočnosti používa rovnaký webový inšpektor ako Safari na počítači, čo znamená, že ak pripojíte iPhone alebo iPad k počítaču, môžete priamo použiť nástroje na ladenie Safari. so zariadením iOS alebo iPadOS

Staršie verzie systému iOS majú túto možnosť tiež, a hoci nie sú také inkluzívne ako nástroje na ladenie a vývojárov prehliadača Safari pre počítače, stále sú užitočné a dajú sa ľahko povoliť alebo zakázať na zariadeniach iPhone a iPad.

Naučte sa, ako povoliť túto funkciu v nových aj starých verziách systému iOS, a tiež sa dozvieme, čo sa medzi jednotlivými verziami líši.

Ako povoliť a používať Web Inspector v Safari pre iPhone a iPad

V moderných verziách iOS a iPadOS funguje webový inšpektor Safari takto:

1. Otvorte Nastavenia > Safari > Rozšírené a potom klepnutím povoľte „Webový inšpektor“
2. Pripojte iPhone alebo iPad k Macu, potom prejdite do Safari a povoľte vývojársku ponuku, ak ste tak neurobili, prejdením na Safari > Predvoľby > Rozšírené > Zobraziť panel ponuky Vývoj
3. Potiahnite nadol panel ponuky „Vývoj“, nájdite iPhone alebo iPad a potom otvorte webovú stránku, ktorú chcete ladiť
4. Safari Web Inspector sa otvorí, kde môžete ladiť a kontrolovať webové prvky zo zariadenia iOS alebo IPadOS priamo v Safari na Macu

Teraz pri navigácii v iPhone alebo iPade zistíte, že sa aktualizuje Web Inspector v Safari na Macu.

K ladiacej konzole sa dostanete cez kartu Konzola vo webovom inšpektorovi a k ​​ladiacemu nástroju sa dostanete cez kartu Debugger. A samozrejme sú k dispozícii aj bežné nástroje webového inšpektora pre prvky, zdroje, sieť atď.

V prípade potreby môžete tiež použiť trik zobrazenia zdroja pre iOS a iPadOS, keď ste na cestách.

Ako povoliť konzolu ladenia na starších verziách systému iOS

Ak máte staršiu verziu iOS na staršom iPhone alebo iPade, celý proces ladenia je na zariadení a nemáte možnosť ho pripojiť k Safari na Macu. Napriek tomu je to stále celkom užitočné, funguje to takto:

1. Spustite „Nastavenia“ a klepnite na „Safari“
2. Klepnite na „Rozšírené“
3. Posuňte „Debug Console“ do polohy ON

Po povolení klepnite na konzolu ladenia v hornej časti ľubovoľnej obrazovky Safari a zobrazte chyby webovej stránky.

V predvolenom zozname sa zobrazujú všetky chyby, ale môžete prejsť na konkrétnejšie chyby HTML, JavaScript a CSS tak, že na ne jednotlivo klepnete.

Ďalším užitočným nástrojom pre vývojárov mobilných webov je Firebug Lite pre iOS, ktorý využíva bookmarklet javascript na načítanie jednoduchšej verzie obľúbeného vývojového nástroja Firebug. Táto funkcia je pravdepodobne najužitočnejšia aj pre staršie verzie systému iOS, pretože novšie vydania majú nové možnosti.

Používate nejaké nástroje pre vývojárov webu pre iPhone alebo iPad? Podeľte sa s nami o akékoľvek tipy, triky, aplikácie alebo techniky v komentároch nižšie.