Desarrollo

Tu sitio web disponible hasta sin conexión

UpUp es una librería que permite agregar contenido a tu página web de modo que sea visible cuando los usuarios perdieron la conexión en su dispositivo o computadora. No solo permite agregar leyendas de texto sino también archivos CSS, imágenes y por supuesto, contenido en HTML.

Su forma de uso es muy sencilla, solo necesitamos incluir en nuestro sitio web la librería JS de UpUp y luego definimos el contenido que queremos mostrar.

  <script src="/upup.min.js"></script>
  <script>
    UpUp.start({
      'content-url': 'offline.html' // muestra esta página a los usuarios sin conexión
    });
  </script>

En este ejemplo bastante sencillo, podemos observar que en caso de que el usuario esté sin conexión, se va a mostrar el diseño de una página llamada offline.html y no el típico mensaje de 404 propio de cada navegador.

UpUp es una herramienta open source y cualquiera puede contribuir con mejoras en caso de que quiera, como así también de reportar errores a través de su repositorio oficial de Github.

Posee una documentación bastante sencilla pero que cumple con su cometido explicando cada uno de sus parámetros y cómo utilizarlos; y además cuenta con un tutorial paso por paso que va a servirte en caso de que quieras conocer todo lo que puede hacer esta librería.

Comentarios

About the author

Juanma

Una mente curiosa que quiere aprender todo. Amante de la fotografía, la programación, la lógica, los viajes y el gin-tonic. Un nerd más de Ing. en Sistemas, pero del grupo con onda según ella, con un blog que habla sobre nada y todo a la vez.

Recomendados

Aviso

Todo el contenido publicado en este sitio es sólo para fines informativos. El propietario de este sitio no se hace cargo en cuanto a la exactitud o integridad de la información en este sitio o sobre los links externos publicados en el mismo.