Safari per iOS include una console di debug opzionale per aiutare gli sviluppatori web a rintracciare e risolvere i problemi con le pagine web su iPhone e iPad.

Ancora meglio, con le ultime versioni di iOS utilizza effettivamente lo stesso Web Inspector che fa anche Safari sul desktop, il che significa che se colleghi l'iPhone o l'iPad al computer puoi utilizzare direttamente gli strumenti di debug di Safari con il tuo dispositivo iOS o iPadOS

Anche le versioni precedenti di iOS hanno questa funzionalità e, sebbene non sia così inclusiva come gli strumenti di debug e di sviluppo di Safari desktop, è comunque utile ed è facile da abilitare o disabilitare su iPhone e iPad.

Impariamo come abilitare questa funzione su entrambe le versioni nuove e vecchie di iOS e scopriamo anche le differenze tra le versioni.

Come abilitare e utilizzare Web Inspector in Safari per iPhone e iPad

Nelle versioni moderne di iOS e iPadOS, ecco come funziona l'ispettore web di Safari:

1. Apri Impostazioni > Safari > Avanzate quindi tocca per abilitare “Web Inspector”
2. Collega l'iPhone o l'iPad a un Mac, quindi vai su Safari e abilita il menu sviluppatore se non lo hai fatto andando su Safari > Preferenze > Avanzate > Mostra la barra dei menu Sviluppo
3. Apri la barra dei menu "Sviluppo" e trova l'iPhone o l'iPad, quindi apri la pagina Web di cui desideri eseguire il debug
4. Safari Web Inspector si aprirà dove potrai eseguire il debug e ispezionare gli elementi web dal dispositivo iOS o IPadOS direttamente in Safari sul Mac

Ora mentre navighi su iPhone o iPad troverai Web Inspector in Safari su Mac che si aggiornerà.

Puoi accedere alla console di debug tramite la scheda Console nell'ispettore web e puoi accedere al debugger tramite la scheda Debugger. E, naturalmente, sono disponibili anche i soliti strumenti di ispezione web per elementi, risorse, rete, ecc.

Puoi anche utilizzare un trucco Visualizza sorgente per iOS e iPadOS mentre sei in viaggio, se necessario.

Come abilitare la console di debug su versioni precedenti di iOS

Se hai una versione precedente di iOS su un vecchio iPhone o iPad, l'intera esperienza di debug è sul dispositivo e non hai la possibilità di connetterlo a Safari su un Mac. Tuttavia è ancora molto utile, ecco come funziona:

1. Avvia "Impostazioni" e tocca "Safari"
2. Tocca "Avanzate"
3. Sposta "Console di debug" su ON

Una volta abilitato, tocca la console di debug nella parte superiore di qualsiasi schermata di Safari per vedere gli errori della pagina web.

L'elenco predefinito mostra tutti gli errori, ma puoi visualizzare errori HTML, JavaScript e CSS più specifici toccandoli singolarmente.

Un altro strumento utile per gli sviluppatori Web mobili è Firebug Lite per iOS, che utilizza un bookmarklet javascript per caricare una versione più semplice del popolare strumento di sviluppo Firebug. Questa funzionalità è probabilmente più utile anche per le versioni precedenti di iOS, poiché le versioni più recenti hanno nuove funzionalità.

Usi strumenti per sviluppatori web per iPhone o iPad? Condividi con noi suggerimenti, trucchi, app o tecniche nei commenti qui sotto.