Come utilizzare Web Inspector su Safari per iOS

I siti web non sono sempre accessibili da un sistema desktop. Anche i dispositivi mobili dispongono di browser e vengono utilizzati per accedere ai siti Web con la stessa frequenza, se non di più, rispetto ai desktop. In rari casi, i siti Web più diffusi disporranno di un'app mobile, ma la maggior parte dei siti Web non ne ha una. Ecco perché un sito Web deve funzionare in modo abbastanza ragionevole sia sui browser desktop che mobili. Per assicurarsi che lo facciano, i siti Web devono essere sottoposti a debug durante lo sviluppo su browser Web mobili, ed è qui che si verificano problemi poiché non dispongono di una console come i browser desktop.

Hai bisogno di accedere alla Console per Chrome mobile su Android? Consulta la nostra guida .

Web Inspector su Safari

Se stai eseguendo il debug di siti Web su Safari su iOS, puoi utilizzare l'ispettore Web integrato di Safari. L'unica restrizione è che devi avere un Mac. La console web su Safari mobile è accessibile tramite Safari su Mac. La configurazione richiede un po' di tempo.

Conto iCloud

Per utilizzare l'ispettore web su Safari, il dispositivo iOS e il Mac devono utilizzare lo stesso account iCloud e impostare la sincronizzazione di Safari.

Mac OS

1. Apri le Preferenze di Sistema .
2. Vai all'ID Apple (prendi nota dell'ID in uso).
3. Seleziona iCloud nella colonna a sinistra e assicurati che Safari sia abilitato nel riquadro a destra.
4. Apri Safari .
5. Fare clic su Safari nella barra dei menu e selezionare Preferenze .
6. Nelle preferenze di Safari , vai alla scheda Avanzate .
7. Abilita 'Mostra menu Sviluppo nella barra dei menu' .

iOS

1. Apri l' app Impostazioni .
2. Tocca il tuo account in alto.
3. Assicurati che l' ID Apple utilizzato sia lo stesso utilizzato sul Mac .
4. Tocca iCloud .
5. Abilita iCloud per Safari .
6. Torna alla schermata principale dell'app Impostazioni .
7. Vai su Generale e scorri fino in fondo.
8. Vai a Ripristina>Ripristina posizione e privacy .

Abilita Web Inspector

Ora sei pronto per connettere il dispositivo iOS al tuo Mac.

1. Utilizzando un cavo dati , collega l'iPhone (o l'iPad) al Mac .
2. Sul tuo iPhone, vedrai un messaggio che chiede se il computer a cui è stato connesso deve essere considerato attendibile. Tocca Trust e inserisci il passcode sul tuo dispositivo .
3. Apri Safari su iPhone e visita il sito Web di cui desideri eseguire il debug .
4. Sul Mac, apri Safari e vai su Sviluppo . Il tuo iPhone dovrebbe apparire nel sottomenu. Selezionalo e seleziona il sito Web di cui desideri eseguire il debug. Verrà visualizzato nel sottomenu.
5. Si aprirà una nuova finestra con Web Inspector .

Risoluzione dei problemi

In alcuni casi, il metodo sopra potrebbe non funzionare. Questo è un bug con macOS. L'unica cosa che funziona in quasi tutti i casi è la correzione di seguito, tuttavia, fai quanto segue DOPO aver seguito i passaggi nella sezione precedente.

1. Scollega l'iPhone dal Mac.
2. Apri l' app Impostazioni su iPhone .
3. Vai a Generale> Ripristina> Ripristina posizione e privacy .
4. Sull'i Phone, disattiva il Wi-Fi, attiva il Bluetooth e attiva l'hotspot mobile .
5. Collega l'iPhone al Mac . Fidati del computer quando richiesto su iPhone.
6. Apri Safari su iPhone e visita il sito Web di cui desideri eseguire il debug.
7. Sul Mac, apri Safari .
8. Vai su Sviluppo>Il tuo iPhone>Connetti tramite rete .
9. Quindi, vai su Sviluppo>Il tuo iPhone>Seleziona il sito Web aperto in Safari su iPhone.

Conclusione

Il debug di un sito Web in Safari per iOS può essere eseguito solo con un Mac. Devi assicurarti che la versione di Safari su iOS sia la stessa di quella su Mac. Una buona regola empirica è eseguire sempre l'ultima versione stabile di iOS e macOS quando si esegue il debug di un sito Web. Ciò assicurerà che la versione di Safari sia la stessa su entrambe le piattaforme.