Cum să utilizați Web Inspector pe Safari pentru iOS

Site-urile web nu sunt întotdeauna accesate de pe un sistem desktop. Dispozitivele mobile au și browsere și sunt folosite pentru a accesa site-uri la fel de des, dacă nu mai mult, decât pe desktop-uri. În cazuri rare, site-urile web populare vor avea o aplicație mobilă, dar majoritatea site-urilor web nu au una. De aceea, un site web trebuie să funcționeze oarecum rezonabil atât pe browsere desktop, cât și pe cele mobile. Pentru a vă asigura că o fac, site-urile web trebuie să fie depanate în timpul dezvoltării pe browsere web mobile, care este locul în care întâmpinați probleme, deoarece nu au o consolă precum browserele desktop.

Trebuie să accesați Consola pentru mobil Chrome pe Android? Consultați ghidul nostru .

Web Inspector pe Safari

Dacă depanați site-uri web pe Safari pe iOS, puteți utiliza inspectorul web încorporat din Safari. Singura restricție este că trebuie să aveți un Mac. Consola web de pe mobil Safari este accesată prin Safari pe un Mac. Configurarea durează ceva timp.

cont iCloud

Pentru a utiliza inspectorul web pe Safari, dispozitivul iOS și Mac trebuie să utilizeze același cont iCloud și setat să sincronizeze Safari.

macOS

1. Deschideți Preferințe de sistem .
2. Accesați ID-ul Apple (rețineți ID-ul care este în uz).
3. Selectați iCloud în coloana din stânga și asigurați-vă că Safari este activat în panoul din dreapta.
4. Deschideți Safari .
5. Faceți clic pe Safari în bara de meniu și selectați Preferințe .
6. În preferințele Safari , accesați fila Avansat .
7. Activați „Afișați meniul Dezvoltare în bara de meniu” .

iOS

1. Deschideți aplicația Setări .
2. Atingeți contul în partea de sus.
3. Asigurați-vă că ID-ul Apple utilizat este același cu cel folosit pe Mac .
4. Atingeți iCloud .
5. Activați iCloud pentru Safari .
6. Reveniți la ecranul principal al aplicației Setări .
7. Accesați General și derulați în partea de jos.
8. Accesați Resetare>Resetare locație și confidențialitate .

Activați Web Inspector

Acum sunteți gata să conectați dispozitivul iOS la Mac.

1. Folosind un cablu de date , conectați iPhone (sau iPad) la Mac .
2. Pe iPhone, veți vedea o solicitare care vă întreabă dacă computerul la care a fost conectat ar trebui să fie de încredere. Atingeți Încredere și introduceți parola pe dispozitiv .
3. Deschideți Safari pe iPhone și vizitați site-ul web pe care doriți să îl depanați .
4. Pe Mac, deschideți Safari și accesați Develop . iPhone-ul dvs. ar trebui să apară în submeniu. Selectați-l și selectați site-ul web pe care doriți să îl depanați. Va apărea în submeniu.
5. Se va deschide o nouă fereastră cu inspectorul web .

Depanare

În unele cazuri, metoda de mai sus poate să nu funcționeze. Aceasta este o eroare cu macOS. Singurul lucru care funcționează în aproape toate cazurile este soluția de mai jos, totuși, faceți următoarele DUPĂ ce ați urmat pașii din secțiunea anterioară.

1. Deconectați iPhone-ul de la Mac.
2. Deschideți aplicația Setări pe iPhone .
3. Accesați General>Resetare>Resetare locație și confidențialitate .
4. Pe i Phone, dezactivați WiFi, activați Bluetooth și activați Hotspot mobil .
5. Conectați iPhone-ul la Mac . Aveți încredere în computer când vi se solicită pe iPhone.
6. Deschideți Safari pe iPhone și vizitați site-ul web pe care doriți să îl depanați.
7. Pe Mac, deschideți Safari .
8. Accesați Dezvoltare> iPhone-ul dvs.> Conectare prin rețea .
9. Apoi, mergeți la Dezvoltare> iPhone-ul dvs.> Selectați site-ul web deschis în Safari pe iPhone.

Concluzie

Depanarea unui site web în Safari pentru iOS se poate face numai cu un Mac. Trebuie să vă asigurați că versiunea de Safari pe iOS este aceeași cu cea de pe Mac. O regulă de bază bună este să rulați întotdeauna cea mai recentă versiune stabilă de iOS și macOS atunci când depanați un site web. Acest lucru va asigura că versiunea Safari este aceeași pe ambele platforme.