Acest wikiHow vă învață cum să utilizați aplicația Apple Safari pentru desktop pentru a verifica performanța paginilor web mobile în Safari pentru iPhone.
Pași
Partea 1 din 3: Activarea inspectorului web pe iPhone
Pasul 1. Deschideți Setările iPhone-ului
Este o pictogramă gri care conține unelte pe ecranul de pornire.
Pasul 2. Derulați în jos și atingeți Safari
Se află în al patrulea sau al cincilea grup de setări, împreună cu alte aplicații Apple iPhone, cum ar fi Mail și Contacte.
Pasul 3. Derulați în jos și atingeți Avansat
Este în partea de jos a meniului.
Pasul 4. Glisați butonul de lângă „Web Inspector” în poziția „Activat”
Este ultima opțiune și va deveni verde când este activată.
Partea 2 din 3: Activarea inspectorului web pe Mac
Pasul 1. Deschideți Safari pe Mac
Este aplicația care arată ca o busolă albastră.
Pasul 2. Faceți clic pe Safari
Se află în bara de meniu din colțul din stânga sus al ecranului.
Pasul 3. Faceți clic pe Preferințe
Pasul 4. Faceți clic pe ⚙️Advanced
Este fila din dreapta de-a lungul părții superioare a ferestrei.
Pasul 5. Bifați „Afișați meniul Dezvoltare în bara de meniu
" Este în partea de jos a ferestrei.
Pasul 6. Conectați-vă iPhone-ul
Utilizați cablul USB livrat împreună cu dispozitivul pentru a vă conecta iPhone-ul la Mac.
Partea 3 din 3: Utilizarea Web Inspector pe Safari pentru iPhone
Pasul 1. Deschideți un site web
Pe Safari pentru iPhone, deschideți pagina web mobilă pe care doriți să o depanați.
Pasul 2. Faceți clic pe Dezvoltare
Este al treilea meniu derulant din dreapta pe Safari pentru Mac.
Pasul 3. Faceți clic pe iPhone
Acesta va fi listat în partea de sus a meniului.
Pasul 4. Faceți clic pe site-ul web
Apare într-un pop-up din dreapta iPhone-ului.
Dacă nu ați deschis un site web în aplicația Safari a iPhone-ului dvs., veți vedea un mesaj „Nu există inspecții capabile”
Pasul 5. Inspectați pagina
Folosind Safari pe Mac, puteți îmbunătăți și măsura performanța paginilor mobile de pe iPhone.
- Web Inspector vă permite să executați comenzi în JavaScript pentru a crea o experiență mai dinamică și interactivă pentru utilizator, cum ar fi animația și mesajele în timp real.
- Inspectați elementele DOM (Document Object Model) pentru erori în comenzile HTML, XML sau JavaScript.
- Utilizați CSS pentru a actualiza sau edita aspectul, culorile și fonturile de pe paginile mobile.