Navegación en la app con Web incorporada

Los navegadores integrados en la app pueden brindar una experiencia de navegador completa para tus usuarios y, al mismo tiempo, permitirles permanecer en el contexto de tu app. Esto se usa con mayor frecuencia cuando tienes un vínculo o un anuncio en tu app que dirige a una página web. La página web se puede abrir en un navegador integrado en la app, como se muestra en la Figura 1.

Un vínculo en la app dentro de un recuadro rojo y una flecha que apunta a otra pantalla en la que se muestra el vínculo abierto con una pestaña personalizada.
Figura 1: Haz clic en un vínculo integrado en la app (izquierda) y abre un navegador integrado en la app con una pestaña personalizada (derecha).

Tanto las Custom Tabs como WebView son APIs disponibles para potenciar tu experiencia integrada en la app, pero elegir cuál es la mejor para ti depende de tu caso de uso. En la siguiente tabla, se muestran algunas ventajas de cada una:

Pestañas personalizadas

WebViews

Navegación lista para usar con contenido de terceros controlado por el navegador predeterminado del usuario Es el más común para la mayoría de los casos de uso.

Experiencias de navegación personalizadas controladas por el desarrollador Por lo general, se usa para casos de uso más avanzados.
  • Facilidad de integración: Integrar pestañas personalizadas es la forma más simple y sencilla de brindar a los usuarios una experiencia de navegación web integrada.
  • Estado compartido: Se reduce la fricción del usuario cuando accede a sitios, ya que se comparten cookies y el modelo de permisos con el navegador.
  • Control más avanzado de la IU de la vista del navegador
  • Poder modificar el contenido de la página web
  • Estadísticas analíticas más detalladas para desarrolladores sobre la participación y la actividad
  • Las actualizaciones de WebView se lanzan para todos los dispositivos y usuarios de forma coherente y global.

Si bien la gran mayoría de los navegadores admiten las pestañas personalizadas, algunos ofrecen opciones de personalización adicionales. Para obtener más información, consulta esta comparación de la compatibilidad del navegador con pestañas personalizadas.

Recursos adicionales

Para desarrollar páginas web para dispositivos con Android usando las APIs de WebView o de pestañas personalizadas, consulta los siguientes documentos: