Incorporare contenuti web nella tua app come contenuti principali o di supporto
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Android ti consente di sfruttare la potenza del web all'interno della tua app. In questo modo, puoi
beneficiare della flessibilità ed efficienza della visualizzazione di determinati tipi di
contenuti.
Incorporare 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 fornire esperienze
basate sul web come parte principale o di supporto all'interno della tua app, come mostrato nella Figura
1.
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:
Incorpora web: un WebView è integrato nell'interfaccia utente di un'app come
componente, proprio come un pulsante o un campo di testo.
Carica contenuti: WebView può caricare contenuti web da varie origini:
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 all'interno delle risorse dell'app.
Contenuti generati dinamicamente: l'app può generare contenuti HTML dinamicamente
e fornirli a WebView.
Rendering: WebView utilizza il motore del browser per analizzare e visualizzare HTML, CSS e JavaScript, mostrando la pagina web risultante nell'area designata nell'interfaccia utente dell'app.
Esegui JavaScript: WebView può eseguire codice JavaScript nel contesto della pagina web caricata. Ciò consente 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.
JavaScript per il codice dell'app: il codice JavaScript in esecuzione in un WebView può chiamare
le API host dell'app, consentendo l'accesso a 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 è diverso 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 un WebView è modellata 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 proprio
intestazione o UI come la maggior parte degli altri browser comuni, ad esempio un pulsante Home,
una barra degli indirizzi o un menu delle impostazioni.
Funzionalità: molti browser dispongono di funzionalità integrate per migliorare l'esperienza di navigazione, come segnalibri, 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 basano sugli aggiornamenti delle app corrispondenti e poi sugli utenti finali per applicare
l'aggiornamento sui propri 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:
I campioni di contenuti e codice in questa pagina sono soggetti alle licenze descritte nella Licenza per i contenuti. Java e OpenJDK sono marchi o marchi registrati di Oracle e/o delle sue società consociate.
Ultimo aggiornamento 2025-09-03 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2025-09-03 UTC."],[],[],null,["Android allows you as a developer to build on the power of the web within your\nnative application, so you can benefit from the flexibility and efficiency of\ndisplaying certain types of content.\n\nEmbedding content using WebView\n\nThe [WebView](/reference/android/webkit/WebView) API gives developers\naccess to the capabilities of a mini-browser for displaying web content within\nyour application. This lets you provide web-powered experiences as a core\nor supporting part within your application, as seen in **Figure 1**.\n**Figure 1.** Web content embedded within the app with WebViews as primary (left) and supporting content (right).\n\nWhat can WebView do?\n\nThis is what you can do with WebView in your application:\n\n**Embed web**: A WebView is integrated into an app's user interface as a\ncomponent, much like a button or text field.\n\n**Load content**: WebView can load web content from various sources:\n\n- Remote URLs: It can fetch and display web pages from the internet, just like a regular browser.\n- Local files: It can load HTML, CSS, and JavaScript files stored within the app's resources.\n- Dynamically generated content: The app can generate HTML content on-the-fly and feed it to the WebView.\n\n**Render**: WebView uses its browser engine to parse and render the HTML,\nCSS, and JavaScript, displaying the resulting web page within its designated\narea in the app's UI.\n\n**Execute JavaScript**: WebView can execute JavaScript code within the\ncontext of the loaded web page. This allows for dynamic interactions and\nupdates within WebView.\n\n**Native app interaction**: This is where WebView gets more powerful. It allows\nfor bidirectional communication between the web page and the app.\n\n- JavaScript to native: JavaScript code running in WebView can call host APIs of the app, enabling access to device features like camera, GPS, or sensors.\n- Native to JavaScript: The app can also inject JavaScript code into WebView, manipulate the web page's content, or respond to events triggered by the web page.\n\nHow is WebView different from a typical browser like Chrome?\n\nWebView is a highly custom component which provides the core functionality of a\nwindow into the web. Unlike a browser, which provides much of the navigation bar\nand other user needs to navigate the web more broadly, the overall experience of\nWebView is shaped by your app's design and purpose.\n\nTo better understand how WebView differs from standard browsers, see the\nfollowing explanations:\n\n**UI**: WebView is used for displaying web content, and does not have its own\nheader or UI like most other common browsers (home button, URL bar, navigation,\nsettings, etc.)\n\n**Features**: Many browsers have built additional features to augment the\nbrowsing experience such as bookmarks, permissions, or history.\n\n**Updates**: Because Android WebView is a system service on Android, updates are\npushed and integrated into the apps automatically on a monthly basis. Browsers\nrely on their corresponding app updates and then for end users to apply the\nupdate on their devices.\n\nWhere to start?\n\nFor information on how to use WebView in your app, see the article\n[Build web apps in WebView](/guide/webapps/webview).\n\nAdditional resources\n\nTo develop web pages for Android-powered devices using WebView objects or Custom\nTabs, see the following documents:\n\n- [Build web apps in WebView](/guide/webapps/webview)\n- [Manage WebView objects](/guide/webapps/managing-webview)\n- [Support different screens in web apps](/guide/webapps/targeting)\n- [Debug web apps](/guide/webapps/debugging)\n- [Best practices for web apps](/guide/webapps/best-practices)\n- [Opt-in to WebView Beta](https://play.google.com/apps/testing/com.google.android.webview)\n- [In-app browsing using Embedded Web](/develop/ui/views/layout/webapps/in-app-browsing-embedded-web)\n- [Overview of Android Custom Tabs](/develop/ui/views/layout/webapps/overview-of-android-custom-tabs)"]]
