A partire dalla versione 115 di Chrome puoi attivare il debug dell'inspector web di Safari per Chrome su iOS. Questo post spiega come iniziare.
Prima di Chrome 115, il debug delle pagine web richiedeva la creazione di Chrome per iOS dal codice sorgente, poiché la versione di release di WKWebView non supportava il debug remoto di Web Inspector. In Chrome 73 abbiamo aggiunto la pagina chrome://inspect, che visualizza localmente i log JavaScript per facilitare il debug delle pagine web. Ora che WKWebView consente di eseguire il debug di Web Inspector nella versione (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 hai bisogno di:
- iOS 16.4 o versioni successive.
- Chrome 115 o versioni successive.
Sul Mac sono necessari:
- Il menu Sviluppo di Safari attivato. Attiva questa opzione dalle impostazioni dell'applicazione Safari, nella scheda Impostazioni avanzate.
Sul dispositivo iOS, avvia l'app Chrome e vai a Impostazioni. In Impostazioni contenuti, attiva Web Inspector. Riavvia Chrome per iOS dopo aver modificato questa impostazione.
Debug del sito
Se questa impostazione è attiva, puoi eseguire il debug di qualsiasi pagina eseguita in Chrome per iOS seguendo questa procedura.
- Collega il dispositivo iOS a un Mac tramite cavo.
- In Chrome per iOS, vai al sito web che vuoi controllare.
- Sul Mac, avvia Safari. Dal menu Sviluppo, passa il mouse sopra il nome del dispositivo connesso e seleziona l'URL del sito web che vuoi esaminare.
La finestra dell'inspector web visualizzata consentirà il debug della vista web corrente. Per ulteriori dettagli sull'uso degli strumenti per sviluppatori di Safari, consulta la documentazione di Apple.