Safari za iOS uključuje izbornu konzolu za ispravljanje pogrešaka koja pomaže web programerima da pronađu i riješe probleme s web stranicama na iPhoneu i iPadu.

Još bolje, s najnovijim verzijama iOS-a on zapravo koristi isti Web Inspector kao i Safari na stolnom računalu, što znači da ako povežete iPhone ili iPad s računalom možete izravno koristiti Safari alate za otklanjanje pogrešaka s vašim iOS ili iPadOS uređajem

Starije verzije iOS-a također imaju ovu mogućnost, i iako nije tako inkluzivna kao Safari alati za otklanjanje pogrešaka i razvojne alate za stolna računala, ipak je korisna i lako ju je omogućiti ili onemogućiti na iPhoneu i iPadu.

Naučimo kako omogućiti ovu značajku i na novoj i na staroj verziji iOS-a, a također saznajmo i po čemu se verzije razlikuju.

Kako omogućiti i koristiti Web Inspector u Safariju za iPhone i iPad

Na modernim verzijama iOS-a i iPadOS-a, evo kako radi Safari web inspektor:

1. Otvorite Postavke > Safari > Napredno, a zatim dodirnite da omogućite “Web Inspector”
2. Povežite iPhone ili iPad na Mac, zatim idite na Safari i omogućite izbornik za razvojne programere ako to niste učinili tako da odete na Safari > Postavke > Napredno > Prikaži traku izbornika za razvoj
3. Povucite prema dolje traku izbornika “Razvoj” i pronađite iPhone ili iPad, a zatim otvorite web-stranicu na kojoj želite otkloniti pogreške
4. Otvorit će se Safari Web Inspector gdje možete ispravljati pogreške i pregledavati web elemente s iOS ili IPadOS uređaja izravno u Safariju na Macu

Sada dok navigirate na iPhoneu ili iPadu vidjet ćete da će se Web Inspector u Safariju na Macu ažurirati.

Konzoli za ispravljanje pogrešaka možete pristupiti preko kartice Konzola u web inspektoru, a alatu za ispravljanje pogrešaka možete pristupiti preko kartice Debugger. I naravno, dostupni su i uobičajeni alati web inspektora za elemente, resurse, mrežu itd.

Također možete koristiti trik View Source za iOS i iPadOS dok ste u pokretu, ako je potrebno.

Kako omogućiti Debug Console na starijim verzijama iOS-a

Ako imate stariju verziju iOS-a na starijem iPhoneu ili iPadu, cijelo iskustvo otklanjanja pogrešaka je na uređaju i nemate mogućnost povezivanja sa Safarijem na Macu. Unatoč tome, još uvijek je vrlo koristan, evo kako radi:

1. Pokrenite "Postavke" i dodirnite "Safari"
2. Dodirnite “Napredno”
3. Pomaknite “Debug Console” na ON

Kada je omogućeno, dodirnite Debug Console na vrhu bilo kojeg Safari zaslona da biste vidjeli pogreške web stranice.

Zadani popis prikazuje sve pogreške, ali možete doći do specifičnijih HTML, JavaScript i CSS pogrešaka tako da ih dodirnete pojedinačno.

Još jedan koristan alat za mobilne web programere je Firebug Lite za iOS, koji koristi javascript bookmarklet za učitavanje jednostavnije verzije popularnog razvojnog alata Firebug. Ta je funkcija vjerojatno najkorisnija i za starije verzije iOS-a, jer novija izdanja imaju nove mogućnosti.

Koristite li neke alate za web razvojne programere za iPhone ili iPad? Podijelite s nama savjete, trikove, aplikacije ili tehnike u komentarima ispod.