Cosa sapere
- Attivare Web Inspector su iOS: vai a Impostazioni > Safari > Avanzate e spostati l'interruttore Web Inspector nella posizione On.
- Usa Web Inspector su macOS: collega il tuo dispositivo iOS a un Mac e scegli l'URL da ispezionare dal menu Develop.
Se riscontri un bug o un altro problema con un sito Web su Safari mobile, utilizza lo strumento Web Inspector per indagare. Questo articolo spiega come utilizzare la console Safari per iPhone per eseguire il debug di errori con l'aiuto del tuo computer Mac. Le istruzioni si applicano agli iPhone con iOS 14, iOS 12 o iOS 11 e ai Mac con macOS Big Sur (11.0), macOS Catalina (10.15) o macOS Mojave (10.14).
Attiva Web Inspector sul tuo iPhone o altro dispositivo iOS
Il Web Inspector è disabilitato per impostazione predefinita poiché la maggior parte degli utenti iPhone non lo usa. Tuttavia, se sei uno sviluppatore o sei curioso, puoi attivarlo in pochi brevi passaggi. Ecco come:
-
Apri l'iPhone Menu Impostazioni.
Su un iPhone con una versione precedente di iOS, accedi alla console di debug tramite Impostazioni > Safari > Sviluppatore > Console di debug Quando Safari sull'iPhone rileva errori CSS, HTML e JavaScript, i dettagli di ciascuna visualizzazione nel debugger.
- Scorri verso il basso e tocca Safari per aprire la schermata che contiene tutto ciò che riguarda il browser Web Safari sul tuo iPhone, iPad o iPod touch.
- Scorri fino in fondo alla pagina e seleziona Avanzate.
-
Sposta l'interruttore Web Inspector sulla posizione On.
Image
Collega il tuo dispositivo iOS a Safari su un Mac
Per utilizzare Web Inspector, collega il tuo iPhone o un altro dispositivo iOS a un Mac dotato del browser Web Safari e abilita il menu Sviluppo.
-
Con Safari aperto, seleziona Safari dalla barra dei menu e scegli Preferenze.
Image -
Seleziona la scheda Avanzate.
Image -
Seleziona la casella di controllo Mostra menu Sviluppo nella barra dei menu e chiudi la finestra delle impostazioni.
Image -
Dalla barra dei menu di Safari, seleziona Develop e scegli il nome del tuo dispositivo iOS collegato, quindi seleziona l'URL che appare sotto Safariper aprire la console di debug per quel sito.
Image Dopo aver collegato il dispositivo, usa il Mac per ispezionare il sito Web di cui desideri eseguire il debug e aprirlo nel browser mobile Safari.
Che cos'è Web Inspector?
Gli sviluppatori Web utilizzano Web Inspector per modificare, eseguire il debug e ottimizzare i siti Web su Mac e dispositivi iOS. Con Web Inspector aperto, gli sviluppatori possono esaminare le risorse su una pagina Web. La finestra Web Inspector contiene HTML modificabile e note relative agli stili e ai livelli della pagina Web in un pannello separato.
Prima di iOS 6, il browser web di iPhone Safari disponeva di una console di debug integrata che gli sviluppatori utilizzavano per trovare i difetti delle pagine web. Le versioni recenti di iOS utilizzano invece Web Inspector.
Con Safari 9 e OS X Mavericks (10.9), Apple ha introdotto la modalità di progettazione reattiva in Web Inspector. Gli sviluppatori utilizzano questo simulatore integrato per visualizzare in anteprima il modo in cui le pagine Web si adattano a dimensioni dello schermo, risoluzioni e orientamenti diversi.
