Con HTML5 tenemos un montón de características y acciones muy interesantes para interactuar con nuestros usuarios ya sea hacer vibrar un dispositivo, hasta saber el estado de la batería del mismo.

Una característica muy interesante es que podemos saber si nuestros usuarios están conectados a internet o no y así poder darles una experiencia diferente dependiendo su estado (las opciones son infinitas), esto lo podemos lograr de dos formas.

navigator.onLine

La propiedad navigator.onLine proporciona un valor booleano (True/False) dependiendo de la conectividad de red del usuario.

La propiedad devuelve True para online y False para offline.

Eventos (online, offline)

También contamos con dos eventos para saber el estado en el que se encuentra nuestro usuario, en caso de que no queramos usar navigator.onLine.

Tienes miles de opciones al saber el estado de conexión de tu usuario, depende de ti y tu imaginación que acciones vas a realizar cuando pase esto.