Incorporación de contenido web en tu app como contenido principal o complementario
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Android te permite aprovechar el poder de la Web en tu app, por lo que puedes beneficiarte de la flexibilidad y la eficiencia de mostrar ciertos tipos de contenido.
Cómo incorporar contenido con WebView
La API de WebView te brinda acceso a las capacidades de un mini navegador para mostrar contenido web dentro de tu app. Esto te permite proporcionar experiencias potenciadas por la Web como parte central o complementaria de tu app, como se muestra en la Figura 1.
Figura 1. Contenido web incorporado en la app con objetos `WebView` como contenido principal (izquierda) y complementario (derecha).
Qué puede hacer WebView
Con WebView en tu app, puedes hacer lo siguiente:
Incorporación web: Un WebView se integra en la interfaz de usuario de una app como un componente, de forma similar a un botón o un campo de texto.
Cargar contenido: WebView puede cargar contenido web de varias fuentes:
URLs remotas: Puede recuperar y mostrar páginas web de Internet, al igual que un navegador normal.
Archivos locales: Puede cargar archivos HTML, CSS y JavaScript almacenados en los recursos de la app.
Contenido generado de forma dinámica: La app puede generar contenido HTML de forma dinámica y proporcionarlo al WebView.
Renderización: WebView usa su motor de navegador para analizar y renderizar el código HTML, CSS y JavaScript, y muestra la página web resultante dentro de su área designada en la IU de la app.
Ejecutar JavaScript: WebView puede ejecutar código JavaScript en el contexto de la página web cargada. Esto permite interacciones y actualizaciones dinámicas dentro de WebView.
Interactúa con tu app: Aquí es donde WebView se vuelve más potente. Permite la comunicación bidireccional entre la página web y la app.
JavaScript para el código de la app: El código JavaScript que se ejecuta en un WebView puede llamar a las APIs del host de la app, lo que permite el acceso a funciones del dispositivo, como la cámara, el GPS o los sensores.
Código de la app a JavaScript: La app también puede insertar código JavaScript en un WebView, manipular el contenido de la página web o responder a los eventos que activa la página web.
En qué se diferencia WebView de un navegador
Un WebView es un componente altamente personalizado que proporciona la funcionalidad principal de una ventana a la Web. A diferencia de un navegador, que proporciona una barra de navegación y otros elementos de la interfaz de usuario para navegar por la Web de forma más amplia, la experiencia general de un WebView se define por el diseño y el propósito de tu app.
Para comprender mejor cómo se diferencia WebView de los navegadores estándar, consulta las siguientes explicaciones:
IU: Se usa un WebView para mostrar contenido web y no tiene su propio encabezado ni IU como la mayoría de los otros navegadores comunes, por ejemplo, un botón de inicio, una barra de direcciones o un menú de configuración.
Funciones: Muchos navegadores tienen funciones integradas para mejorar la experiencia de navegación, como marcadores, permisos o historial.
Actualizaciones: Como Android WebView es un servicio del sistema en Android, las actualizaciones se envían y se integran en las apps automáticamente todos los meses.
Los navegadores dependen de las actualizaciones de sus apps correspondientes y, luego, de que los usuarios finales apliquen la actualización en sus dispositivos.
Comenzar
Para obtener información sobre cómo usar WebView en tu app, consulta el documento Crea apps web en WebView.
Recursos adicionales
Para desarrollar páginas web para dispositivos con Android usando objetos WebView o pestañas personalizadas, consulta los siguientes documentos:
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-09-03 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-09-03 (UTC)"],[],[],null,["Android lets you build on the power of the web within your app. So, you can\nbenefit from the flexibility and efficiency of displaying certain types of\ncontent.\n\nEmbedding content using `WebView`\n\nThe [`WebView`](/reference/android/webkit/WebView) API gives you access to the capabilities of a mini-browser\nfor displaying web content within your app. This lets you provide web-powered\nexperiences as a core or supporting part within your app, as seen in **Figure\n1**.\n**Figure 1.** Web content embedded within the app with \\`WebView\\` objects as primary (left) and supporting content (right).\n\nWhat `WebView` can do\n\nYou can do the following with `WebView` in your app:\n\n- **Embed web** : A `WebView` is integrated into an app's user interface as a\n component, 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 dynamically and provide it to the `WebView`.\n- **Render** : `WebView` uses its browser engine to parse and render the HTML,\n CSS, and JavaScript, displaying the resulting web page within its designated\n area in the app's UI.\n\n- **Execute JavaScript** : `WebView` can execute JavaScript code within the\n context of the loaded web page. This allows for dynamic interactions and\n updates within the `WebView`.\n\n- **Interact with your app** : This is where `WebView` gets more powerful. It\n enables bidirectional communication between the web page and the app.\n\n - **JavaScript to app code** : JavaScript code running in a `WebView` can call\n host APIs of the app, enabling access to device features like camera, GPS,\n or sensors.\n\n - **App code to JavaScript** : The app can also inject JavaScript code into a\n `WebView`, manipulate the web page's content, or respond to events triggered\n by the web page.\n\nHow `WebView` differs from a browser\n\nA `WebView` is a highly custom component that provides the core functionality of\na window into the web. Unlike a browser, which provides a navigation bar and\nother user interface elements to navigate the web more broadly, the overall\nexperience of a `WebView` 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** : A `WebView` is used for displaying web content and doesn't have its own\nheader or UI like most other common browsers, for example, a home button,\naddress bar, or settings menu.\n\n**Features**: Many browsers have built-in 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\nare pushed and integrated into the apps automatically on a monthly basis.\nBrowsers rely on their corresponding app updates and then for end users to apply\nthe update on their devices.\n\nGet started\n\nFor information on how to use `WebView` in your app, see the document\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\nCustom Tabs, 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)"]]
