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 le 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 el caso de las apps web, la capacidad de trabajar sin conexión es más reciente, ya que se hizo posible con el lanzamiento de la API de Service Worker. Además, cuando los sitios web se volvieron instalables, las PWA agregaron un requisito para registrar un service worker y, luego, implementar su método fetch() para que una app web se pueda instalar. La idea era incentivar a los desarrolladores a proporcionar a sus usuarios al menos un aviso de que la app no se podía usar en ese momento.

Ahora, los desarrolladores no necesitarán 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 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 en el ejemplo:

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

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

Esta función está disponible en Android (Chrome 109) y en entornos de escritorio (Chrome 110). Comparte tus comentarios.