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

Las apps de plataforma instaladas se pueden iniciar incluso sin conexión. En esta situación, suelen incluir una página que informa al usuario que el acceso a Internet no está disponible. Algunos desarrolladores incluso crean un conjunto completo de funciones que se pueden usar sin conexión.

En las aplicaciones web, la capacidad de trabajar sin conexión es más reciente. esto fue posible con el lanzamiento de la API de Service Worker. Además, cuando los sitios web se pueden instalar, la AWP agregó un requisito para registrar un service worker y, luego, implementar su método fetch() para que se pueda instalar una app web. La idea era incentivar a los desarrolladores a que les avisaran a sus usuarios que, por el momento, no se podía usar la app.

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 que no tiene conexión.

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

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

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

La opción para crear tu propia página sin conexión personalizada sigue disponible. El siguiente video demuestra cómo publicar tu página personalizada, usando Workbox, con una sola línea de código.

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

Foto de Sten Ritterfeld en Unsplash