Navigator: свойство onLine

Возвращает состояние подключения браузера к сети. Свойство возвращает логическое значение, где true означает онлайн, а false — офлайн. Свойство отправляет обновления всякий раз, когда меняется возможность браузера подключаться к сети. Обновление происходит, когда пользователь переходит по ссылкам или когда скрипт запрашивает удалённую страницу. Например, свойство должно возвращать false , когда пользователи щелкают по ссылкам вскоре после потери интернет-соединения.

Браузеры реализуют это свойство по-разному.

В Chrome и Safari, если браузер не может подключиться к локальной сети (LAN) или маршрутизатору, он находится в офлайн режиме; все остальные условия возвращают true. Таким образом, хотя вы можете предположить, что браузер находится в режиме офлайн, когда он возвращает значение false, вы не можете предполагать, что истинное значение обязательно означает, что браузер имеет доступ к интернету. Вы можете получать ложные срабатывания, например, в тех случаях, когда компьютер работает с программным обеспечением виртуализации, которое имеет виртуальные адаптеры Ethernet, которые всегда «подключены». Поэтому, если вы действительно хотите определить онлайн-состояние браузера, вам следует разработать дополнительные средства проверки.

В Firefox переключение браузера в офлайн-режим отправляет значение false. До Firefox 41 все остальные условия возвращали значение true; тестирование фактического поведения в Nightly 68 на Windows показало, что он ищет только подключение к LAN, как Chrome и Safari, что приводит к ложным срабатываниям.

Вы можете отслеживать изменения состояния сети, прослушивая события online и offline.

Логическое.

Чтобы проверить, подключены ли вы к сети, обратитесь к window.navigator.onLine, как в следующем примере:

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

Если браузер не поддерживает navigator.onLine , то в приведенном выше примере всегда будет возвращаться false/undefined.

Чтобы отслеживать изменения в состоянии сети, используйте addEventListener, чтобы прослушивать события на window.online и window.offline, как в следующем примере:

window.addEventListener("offline", (e) => {
  console.log("offline");
});

window.addEventListener("online", (e) => {
  console.log("online");
});