Safari pentru iOS include o consolă opțională de depanare pentru a ajuta dezvoltatorii web să urmărească și să rezolve problemele legate de paginile web de pe iPhone și iPad.

Și mai bine, cu cele mai recente versiuni de iOS, de fapt folosește același Web Inspector pe care îl folosește și Safari pe desktop, adică dacă conectați iPhone-ul sau iPad-ul la computer puteți utiliza instrumentele de depanare Safari direct cu dispozitivul tău iOS sau iPadOS

Versiunile mai vechi de iOS au și ele această capacitate și, deși nu sunt la fel de incluzive ca instrumentele de depanare și de dezvoltare desktop Safari, este totuși util și este ușor de activat sau dezactivat pe iPhone și iPad.

Să învățăm cum să activăm această funcție atât pe versiunile noi, cât și pe cele vechi de iOS și să aflăm și ce diferă între versiuni.

Cum să activați și să utilizați Web Inspector în Safari pentru iPhone și iPad

Pe versiunile moderne de iOS și iPadOS, iată cum funcționează inspectorul web Safari:

1. Deschide Setări > Safari > Avansat apoi atingeți pentru a activa „Web Inspector”
2. Conectați iPhone sau iPad la un Mac, apoi accesați Safari și activați meniul pentru dezvoltatori dacă nu ați făcut acest lucru, accesând Safari > Preferințe > Avansat > Afișați bara de meniu Dezvoltare
3. Trageți în jos bara de meniu „Dezvoltare” și găsiți iPhone sau iPad, apoi deschideți pagina web pe care doriți să o depanați
4. Safari Web Inspector se va deschide unde puteți depana și inspecta elemente web de pe dispozitivul iOS sau IPadOS direct în Safari pe Mac

Acum, pe măsură ce navigați pe iPhone sau iPad, veți găsi că Web Inspector din Safari pe Mac se va actualiza.

Puteți accesa Consola de depanare prin fila Consolă din inspectorul web și puteți accesa depanatorul prin fila Depanare. Și, desigur, instrumentele obișnuite de inspecție web pentru elemente, resurse, rețea etc., sunt disponibile și pentru utilizare.

De asemenea, puteți folosi un truc Vizualizare sursă pentru iOS și iPadOS în timp ce sunteți în deplasare, dacă este necesar.

Cum se activează Consola de depanare pe versiunile iOS mai vechi

Dacă aveți o versiune mai veche de iOS pe un iPhone sau iPad mai vechi, întreaga experiență de depanare este pe dispozitiv și nu aveți posibilitatea de a o conecta la Safari pe un Mac. Cu toate acestea, este încă destul de util, iată cum funcționează:

1. Lansați „Setări” și atingeți „Safari”
2. Apăsați pe „Avansat”
3. Glisați „Consola de depanare” la ON

Odată activat, atingeți Consola de depanare din partea de sus a oricărui ecran Safari pentru a vedea erorile de pe pagina web.

Lista implicită arată toate erorile, dar puteți explora mai multe erori HTML, JavaScript și CSS atingându-le individual.

Un alt instrument util pentru dezvoltatorii web mobil este Firebug Lite pentru iOS, care utilizează un bookmarklet javascript pentru a încărca o versiune mai simplă a popularului instrument de dezvoltare Firebug. Această funcționalitate este probabil cea mai utilă și pentru versiunile mai vechi de iOS, deoarece versiunile mai noi au capacități noi.

Folosiți vreun instrument pentru dezvoltatori web pentru iPhone sau iPad? Distribuiți-ne orice sfaturi, trucuri, aplicații sau tehnici în comentariile de mai jos.