Safari za iOS vključuje izbirno konzolo za odpravljanje napak, ki spletnim razvijalcem pomaga izslediti in rešiti težave s spletnimi stranmi v napravah iPhone in iPad.

Še bolje, z najnovejšimi različicami sistema iOS dejansko uporablja isti Web Inspector kot Safari na namizju, kar pomeni, da lahko, če povežete iPhone ali iPad z računalnikom, neposredno uporabite orodja za odpravljanje napak Safari z vašo napravo iOS ali iPadOS

Tudi starejše različice sistema iOS imajo to zmožnost in čeprav ni tako vključujoča kot orodji za odpravljanje napak in razvijalce Safari na namizju, je še vedno uporabna in jo je enostavno omogočiti ali onemogočiti v napravah iPhone in iPad.

Naučimo se, kako omogočiti to funkcijo v novih in starih različicah iOS-a, in se naučimo tudi, kaj se razlikuje med različicama.

Kako omogočiti in uporabljati Web Inspector v Safariju za iPhone in iPad

Na sodobnih različicah iOS in iPadOS spletni inšpektor Safari deluje tako:

1. Odprite nastavitve > Safari > Napredno in nato tapnite, da omogočite »Web Inspector«
2. Povežite iPhone ali iPad z računalnikom Mac, nato pojdite v Safari in omogočite meni za razvijalce, če tega še niste storili, tako da obiščete Safari > Nastavitve > Napredno > Prikaži menijsko vrstico za razvijanje
3. Povlecite navzdol menijsko vrstico »Razvoj« in poiščite iPhone ali iPad, nato pa odprite spletno stran, na kateri želite odpraviti napake
4. Odpre se Safari Web Inspector, kjer lahko odpravljate napake in pregledujete spletne elemente iz naprave iOS ali IPadOS neposredno v brskalniku Safari v Macu

Zdaj, ko krmarite po iPhonu ali iPadu, boste našli posodobitev spletnega inšpektorja v Safariju na Macu.

Do konzole za odpravljanje napak lahko dostopate prek zavihka Konzola v spletnem inšpektorju, do razhroščevalnika pa lahko dostopate prek zavihka Razhroščevalnik. In seveda so na voljo tudi običajna orodja spletnega inšpektorja za elemente, vire, omrežja itd.

Po potrebi lahko uporabite tudi trik Ogled vira za iOS in iPadOS, ko ste na poti.

Kako omogočiti konzolo za odpravljanje napak v starejših različicah iOS

Če imate starejšo različico sistema iOS na starejšem iPhonu ali iPadu, je celotna izkušnja z odpravljanjem napak v napravi in ​​je ne morete povezati s Safarijem v računalniku Mac. Kljub temu je še vedno zelo uporaben, takole deluje:

1. Zaženite »Nastavitve« in tapnite »Safari«
2. Tapnite »Napredno«
3. Potisnite “Debug Console” na ON

Ko je omogočeno, se dotaknite konzole za odpravljanje napak na vrhu katerega koli zaslona Safari, da si ogledate napake na spletni strani.

Privzeti seznam prikazuje vse napake, vendar se lahko poglobite do bolj specifičnih napak HTML, JavaScript in CSS tako, da jih tapnete posamezno.

Drugo uporabno orodje za mobilne spletne razvijalce je Firebug Lite za iOS, ki uporablja zaznamek javascript za nalaganje enostavnejše različice priljubljenega razvojnega orodja Firebug. Ta funkcija je verjetno najbolj uporabna tudi za starejše različice iOS-a, saj imajo novejše izdaje nove zmožnosti.

Ali uporabljate kakšna orodja za spletne razvijalce za iPhone ali iPad? Delite z nami vse nasvete, trike, aplikacije ali tehnike v spodnjih komentarjih.