Eseguire il debug delle app web

L'analisi del comportamento del codice in esecuzione in WebView, nota anche come debug, è una parte essenziale dello sviluppo di applicazioni Android che visualizzano contenuti web.

Questa sezione illustra le seguenti metodologie di debug di WebView:

  • Registrazione della console JavaScript: se hai familiarità con il debug delle pagine web con Chrome DevTools o Safari Web Inspector, potresti avere familiarità con l'utilizzo di console (ad esempio console.log()). Puoi visualizzare i messaggi della console in Chrome DevTools o Logcat. Il framework WebKit di Android supporta la maggior parte delle stesse API, quindi puoi ricevere log dalla tua pagina web durante il debug in WebView.

  • Chrome DevTools: consente l'ispezione remota in tempo reale del codice HTML, CSS e JavaScript nella WebView della tua app utilizzando gli strumenti per sviluppatori nel browser Chrome sul computer di sviluppo.

  • Accedi al server locale: pubblica contenuti da un server web locale sulla tua macchina di sviluppo e accedi da una WebView su un dispositivo di test o un emulatore per visualizzare rapidamente le modifiche senza eseguire il deployment su un server remoto.

  • App WebView DevTools: un'utilità sul dispositivo dedicata alla configurazione a livello di dispositivo, alla gestione dei flag della riga di comando e all'analisi degli arresti anomali del componente WebView di Android.