Unetway
Как выводить сообщение на сайте при отсутствии интернета

Выводим сообщение на сайте при отсутствии интернета

Если у вас возникла задача проверить в браузере отсутствие интернета, то данная статья поможет в этом разобраться. Проверка состояния интернета  может понадобится, чтобы вывести  для пользователя на сайте сообщение или заглушку. Например, подобный механизм используется в Google Диске, когда при отсутствии интернета редактирование документа невозможно и об этом выводится уведомление.

Проверить состояние интернета можно с помощью JavaScript воспользовавшись интерфейсом NavigatorOnLine, который содержит свойства и методы для работы со статусом подключения браузера.

Проверить, есть ли подключения интернета в вашей сети, можно с помощью следующего метода:

window.navigator.onLine

Метод возвращает сетевой статус браузера в виде логических значений:

  • true - online
  • false - offline

Пример, который поможет определить есть ли подключение к интернету:

if (window.navigator.onLine) {
  console.log('online');
} else {
  console.log('offline');
}

Изменения в состоянии сети можно увидеть с помощью следующих событий:

window.ononline

window.onoffline

Например:

window.addEventListener('offline', function(e) {
    console.log('offline');
});

window.addEventListener('online', function(e) {
    console.log('online');
});

Значение свойства обновляется когда подключение браузера к сети изменяется. Например, при переходе пользователя по ссылкам или при запросе скриптом страницы.

Понравился материал? Поделитесь с друзьями!

Автор

Автор сайта «Unetway», программист по образованию, работаю менеджером проектов, занимаюсь разработкой и развитием программного обеспечения.

Полезные рекомендации

Комментарии

Нажмите здесь, чтобы отменить ответ