Navegación en la app con Web incorporada

Los navegadores integrados en la app pueden proporcionar una experiencia de navegación completa a los 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 ve en la Figura 1.

Un vínculo en la app en un cuadro 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: Hacer clic en un vínculo integrado en la app (izquierda) y abrir un navegador integrado en la app con una pestaña personalizada (derecha).

Tanto las pestañas personalizadas como WebView son APIs disponibles para potenciar tu experiencia 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 para el contenido de terceros que controla el navegador predeterminado del usuario Es la 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: La integración de pestañas personalizadas es la forma más sencilla de brindarles a los usuarios una experiencia de navegación web incorporada.
  • Estado compartido: Se reduce la fricción del usuario cuando accede a sitios con cookies compartidas y un modelo de permisos con el navegador.
  • Control de IU más avanzado 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 o 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 compatibilidad de navegadores con las pestañas personalizadas.

Recursos adicionales

Para desarrollar páginas web destinadas a dispositivos con Android usando las APIs de WebViews o Custom Tabs, consulta los siguientes documentos: