Página sin conexión básica para apps web en Chrome para Android

Las apps de la plataforma instalada se pueden iniciar incluso sin conexión. En esta situación, a menudo incluyen una página que informa al usuario que no hay acceso a Internet. Algunos desarrolladores incluso crean un conjunto completo de funciones que se pueden usar sin conexión.

Con las aplicaciones web, la capacidad de trabajar sin conexión es más reciente. Esto fue posible gracias al lanzamiento de la API de Service Worker. Además, cuando los sitios web se comenzaron a instalar, la AWP agregó un requisito para registrar un service worker y, luego, implementar su método fetch() para que la aplicación web pueda instalarse. La idea era incentivar a los desarrolladores a que informaran a sus usuarios que la app no se podía usar en ese momento.

Ahora los desarrolladores no tendrán que hacer nada para obtener una página sin conexión predeterminada. A partir de Chrome 109 en Android, el navegador generará automáticamente una página que le informará al usuario cuando no tenga conexión.

Si la app no implementa una experiencia sin conexión personalizada, cuando el usuario esté sin conexión, la página sin conexión predeterminada usará el ícono de la app y el mensaje simple No estás conectado. Como en el siguiente ejemplo.

Es la página sin conexión predeterminada para una aplicación web de ejemplo, en la que el logotipo es un círculo rosa y dos signos más, e incluye el mensaje "estás sin conexión".

Consulta este error para ver el ejemplo anterior en acción.

Aún está disponible la opción de crear tu propia página sin conexión personalizada. En el siguiente video, se muestra cómo entregar tu página personalizada mediante Workbox con una sola línea de código.

Esta función está disponible en Android (Chrome 109) y entornos de escritorio (Chrome 110). Si tienes comentarios, envíanos tus comentarios mediante este formulario.

Foto de Sten Ritterfeld en Unsplash