Da Chrome 115 puoi attivare il debug di Safari Web Inspector per Chrome su iOS. Questo post spiega come iniziare.
Prima di Chrome 115, il debug delle pagine web richiedeva la compilazione di Chrome per iOS dal codice sorgente, poiché la versione release di WKWebView non supportava il debug remoto di Web Inspector. In Chrome 73 abbiamo aggiunto la pagina chrome://inspect, che mostra localmente i log JavaScript per facilitare il debug delle pagine web. Ora che WKWebView consente il debug di Web Inspector nella release (a partire da iOS 16.4), abbiamo aggiunto un'impostazione in Chrome 115 per attivare questa funzionalità e migliorare ulteriormente l'esperienza degli sviluppatori.
Per iniziare
Sul tuo dispositivo iOS devi avere:
- iOS 16.4 o versioni successive.
- Chrome 115 o versioni successive.
Sul Mac sono necessari:
- Il menu Sviluppo di Safari deve essere attivo. Attiva questa opzione dalle impostazioni dell'applicazione Safari, nella scheda Impostazioni avanzate.
Sul tuo dispositivo iOS, apri l'app Chrome e vai a Impostazioni. In Impostazioni dei contenuti, attiva lo strumento di ispezione web. Riavviare Chrome per iOS dopo aver modificato questa impostazione.
Eseguire il debug del sito
Una volta attivata l'impostazione, puoi eseguire il debug di qualsiasi pagina in esecuzione in Chrome per iOS seguendo questi passaggi.
- Collega il dispositivo iOS a un Mac con un cavo.
- In Chrome per iOS, vai al sito web che vuoi ispezionare.
- Avvia Safari sul Mac. Nel menu Sviluppa, passa il mouse sopra il nome del dispositivo connesso e seleziona l'URL del sito web che vuoi ispezionare.
La finestra dello strumento di ispezione web visualizzata consente di eseguire il debug della visualizzazione web corrente. Per ulteriori dettagli sull'utilizzo degli Strumenti per sviluppatori di Safari, consulta la documentazione di Apple.