Cum se folosește Web Inspector pe un iPhone: 15 pași (cu imagini)

Cuprins:

Cum se folosește Web Inspector pe un iPhone: 15 pași (cu imagini)
Cum se folosește Web Inspector pe un iPhone: 15 pași (cu imagini)

Video: Cum se folosește Web Inspector pe un iPhone: 15 pași (cu imagini)

Video: Cum se folosește Web Inspector pe un iPhone: 15 pași (cu imagini)
Video: How to move from Android to iPhone | Apple Support 2024, Martie
Anonim

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

Utilizați Web Inspector pe un iPhone Pasul 1
Utilizați Web Inspector pe un iPhone Pasul 1

Pasul 1. Deschideți Setările iPhone-ului

Este o pictogramă gri care conține unelte pe ecranul de pornire.

Utilizați Web Inspector pe un iPhone Pasul 2
Utilizați Web Inspector pe un iPhone Pasul 2

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.

Utilizați Web Inspector pe un iPhone Pasul 3
Utilizați Web Inspector pe un iPhone Pasul 3

Pasul 3. Derulați în jos și atingeți Avansat

Este în partea de jos a meniului.

Utilizați Web Inspector pe un iPhone Pasul 4
Utilizați Web Inspector pe un iPhone Pasul 4

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

Utilizați Web Inspector pe un iPhone Pasul 5
Utilizați Web Inspector pe un iPhone Pasul 5

Pasul 1. Deschideți Safari pe Mac

Este aplicația care arată ca o busolă albastră.

Utilizați Web Inspector pe un iPhone Pasul 6
Utilizați Web Inspector pe un iPhone Pasul 6

Pasul 2. Faceți clic pe Safari

Se află în bara de meniu din colțul din stânga sus al ecranului.

Utilizați Web Inspector pe un iPhone Pasul 7
Utilizați Web Inspector pe un iPhone Pasul 7

Pasul 3. Faceți clic pe Preferințe

Utilizați Web Inspector pe un iPhone Pasul 8
Utilizați Web Inspector pe un iPhone Pasul 8

Pasul 4. Faceți clic pe ⚙️Advanced

Este fila din dreapta de-a lungul părții superioare a ferestrei.

Utilizați Web Inspector pe un iPhone Pasul 9
Utilizați Web Inspector pe un iPhone Pasul 9

Pasul 5. Bifați „Afișați meniul Dezvoltare în bara de meniu

" Este în partea de jos a ferestrei.

Utilizați Web Inspector pe un iPhone Pasul 10
Utilizați Web Inspector pe un iPhone Pasul 10

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

Utilizați Web Inspector pe un iPhone Pasul 11
Utilizați Web Inspector pe un iPhone Pasul 11

Pasul 1. Deschideți un site web

Pe Safari pentru iPhone, deschideți pagina web mobilă pe care doriți să o depanați.

Utilizați Web Inspector pe un iPhone Pasul 12
Utilizați Web Inspector pe un iPhone Pasul 12

Pasul 2. Faceți clic pe Dezvoltare

Este al treilea meniu derulant din dreapta pe Safari pentru Mac.

Utilizați Web Inspector pe un iPhone Pasul 13
Utilizați Web Inspector pe un iPhone Pasul 13

Pasul 3. Faceți clic pe iPhone

Acesta va fi listat în partea de sus a meniului.

Utilizați Web Inspector pe un iPhone Pasul 14
Utilizați Web Inspector pe un iPhone Pasul 14

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”

Utilizați Web Inspector pe un iPhone Pasul 15
Utilizați Web Inspector pe un iPhone Pasul 15

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.

Recomandat: