Ce trebuie să știți
- Activați Web Inspector pe iOS: accesați Setări > Safari > Avansat și mutați comutatorul comutator Web Inspector în poziția On.
- Utilizați Web Inspector pe macOS: conectați-vă dispozitivul iOS la un Mac și alegeți adresa URL pe care să o inspectați din meniul Develop.
Dacă întâmpinați o eroare sau o altă problemă cu un site web pe Safari mobil, utilizați instrumentul Web Inspector pentru a investiga. Acest articol explică cum să utilizați consola Safari pentru iPhone pentru a depana erorile cu ajutorul computerului dvs. Mac. Instrucțiunile se aplică iPhone-urilor cu iOS 14, iOS 12 sau iOS 11, precum și Mac-urilor cu macOS Big Sur (11.0), macOS Catalina (10.15) sau macOS Mojave (10.14).
Activați Web Inspector pe iPhone sau pe alt dispozitiv iOS
Inspectorul web este dezactivat în mod prestabilit, deoarece majoritatea utilizatorilor de iPhone nu îl folosesc. Cu toate acestea, dacă ești dezvoltator sau ești curios, îl poți activa în câțiva pași scurti. Iată cum:
-
Deschideți meniul iPhone Setări.
Pe un iPhone cu o versiune anterioară de iOS, accesați Consola de depanare prin Settings > Safari > Dezvoltator > Consola de depanare Când Safari pe iPhone detectează erori CSS, HTML și JavaScript, detalii despre fiecare afișare în depanator.
- Derulați în jos și atingeți Safari pentru a deschide ecranul care conține tot ce este legat de browserul web Safari de pe iPhone, iPad sau iPod touch.
- Derulați în partea de jos a paginii și selectați Avansat.
-
Mutați comutatorul comutator Web Inspector în poziția On.
Image
Conectează-ți dispozitivul iOS la Safari pe un Mac
Pentru a utiliza Web Inspector, conectați iPhone-ul sau alt dispozitiv iOS la un Mac care are browser web Safari și activați meniul Dezvoltare.
-
Cu Safari deschis, selectați Safari din bara de meniu și alegeți Preferințe.
Image -
Selectați fila Avansat.
Image -
Selectați caseta de selectare Afișați meniul Dezvoltare în bara de meniu și închideți fereastra de setări.
Image -
Din bara de meniu Safari, selectați Dezvoltare și alegeți numele dispozitivului iOS atașat, apoi selectați adresa URL care apare sub Safaripentru a deschide consola de depanare a site-ului respectiv.
Image După ce vă conectați dispozitivul, utilizați Mac-ul pentru a inspecta site-ul web pe care doriți să îl depanați și îl deschideți în browserul mobil Safari.
Ce este Web Inspector?
Dezvoltatorii web folosesc Web Inspector pentru a modifica, depana și optimiza site-urile web pe Mac și dispozitive iOS. Cu Web Inspector deschis, dezvoltatorii pot inspecta resursele de pe o pagină web. Fereastra Web Inspector conține HTML editabil și note referitoare la stilurile și straturile paginii web într-un panou separat.
Înainte de iOS 6, browserul web iPhone Safari avea o consolă de depanare încorporată pe care dezvoltatorii o foloseau pentru a găsi defecte ale paginilor web. Versiunile recente de iOS folosesc în schimb Web Inspector.
Cu Safari 9 și OS X Mavericks (10.9), Apple a introdus Modul de proiectare receptivă în Web Inspector. Dezvoltatorii folosesc acest simulator încorporat pentru a previzualiza modul în care paginile web se scalează la diferite dimensiuni, rezoluții și orientări ale ecranului.
