Incorporare contenuti web nella tua app come contenuti principali o di supporto

Android ti consente di sfruttare la potenza del web all'interno della tua app. In questo modo, puoi beneficiare della flessibilità e dell'efficienza della visualizzazione di determinati tipi di contenuti.

Incorporamento di contenuti utilizzando WebView

L'API WebView ti consente di accedere alle funzionalità di un mini-browser per visualizzare i contenuti web all'interno della tua app. In questo modo, puoi offrire esperienze basate sul web come parte principale o di supporto all'interno della tua app, come mostrato nella Figura 1.

App per Android aperta su Google Play, con la visualizzazione web principale evidenziata in un riquadro rosso App per Android aperta con testo di supporto all'interno di una casella rossa.
Figura 1. Contenuti web incorporati nell'app con oggetti `WebView` come contenuti principali (a sinistra) e di supporto (a destra).

Cosa può fare WebView

Con WebView nella tua app puoi:

  • Web incorporato: un WebView viene integrato nell'interfaccia utente di un'app come componente, proprio come un pulsante o un campo di testo.

  • Caricamento di contenuti: WebView può caricare contenuti web da varie fonti:

    • URL remoti: può recuperare e visualizzare pagine web da internet, proprio come un normale browser.
    • File locali: può caricare file HTML, CSS e JavaScript archiviati nelle risorse dell'app.
    • Contenuti generati dinamicamente: l'app può generare contenuti HTML in modo dinamico e fornirli a WebView.

  • Rendering: WebView utilizza il proprio motore del browser per analizzare ed eseguire il rendering di HTML, CSS e JavaScript, visualizzando la pagina web risultante nell'area designata nell'UI dell'app.

  • Esecuzione di JavaScript: WebView può eseguire codice JavaScript nel contesto della pagina web caricata. In questo modo, è possibile eseguire interazioni e aggiornamenti dinamici all'interno di WebView.

  • Interagisci con la tua app: è qui che WebView diventa più potente. Consente la comunicazione bidirezionale tra la pagina web e l'app.

    • Da JavaScript a codice dell'app: il codice JavaScript in esecuzione in un WebView può chiamare le API host dell'app, consentendo l'accesso alle funzionalità del dispositivo come fotocamera, GPS o sensori.

    • Codice dell'app in JavaScript: l'app può anche inserire codice JavaScript in un WebView, manipolare i contenuti della pagina web o rispondere agli eventi attivati dalla pagina web.

In che modo WebView differisce da un browser

Un WebView è un componente altamente personalizzato che fornisce la funzionalità di base di una finestra sul web. A differenza di un browser, che fornisce una barra di navigazione e altri elementi dell'interfaccia utente per navigare sul web in modo più ampio, l'esperienza complessiva di una WebView è determinata dal design e dallo scopo della tua app.

Per comprendere meglio le differenze tra WebView e i browser standard, consulta le seguenti spiegazioni:

UI: un WebView viene utilizzato per visualizzare i contenuti web e non ha un'intestazione o un'interfaccia utente propria come la maggior parte degli altri browser comuni, ad esempio un pulsante Home, una barra degli indirizzi o un menu Impostazioni.

Funzionalità: molti browser dispongono di funzionalità integrate per migliorare l'esperienza di navigazione, come preferiti, autorizzazioni o cronologia.

Aggiornamenti: poiché Android WebView è un servizio di sistema su Android, gli aggiornamenti vengono inviati e integrati automaticamente nelle app su base mensile. I browser si affidano ai relativi aggiornamenti delle app e poi agli utenti finali per applicare l'aggiornamento sui loro dispositivi.

Inizia

Per informazioni su come utilizzare WebView nella tua app, consulta il documento Crea app web in WebView.

Risorse aggiuntive

Per sviluppare pagine web per dispositivi Android utilizzando oggetti WebView o schede personalizzate, consulta i seguenti documenti: