Offline.js - это небольшая библиотека, которая оповещает пользователя о том, что тот потерял подключение к сети, примерно так, как делает это Gmail. Смотря демо пример, не забудьте отключить доступ к Интернету.
Данная библиотека делает AJAX запросы в случае, если подключение было потеряно и прекращает, если Интернет снова доступен.
Для того чтобы подобрать лучший стиль, авторы предлагают целый набор тем.
<link rel="stylesheet" href="./themes/offline-theme-default.css" />
<link rel="stylesheet" href="./themes/offline-theme-default-indicator.css" />
<link rel="stylesheet" href="./themes/offline-theme-slide.css" />
<link rel="stylesheet" href="./themes/offline-theme-slide-indicator.css" />
<link rel="stylesheet" href="./themes/offline-theme-chrome.css" />
<link rel="stylesheet" href="./themes/offline-theme-chrome-indicator.css" />
<link rel="stylesheet" href="./themes/offline-theme-hubspot.css" />
Инициализация библиотеки происходит следующим образом:
var run = function(){
var req = new XMLHttpRequest();
req.timeout = 5000;
req.open('GET', 'http://localhost:8888/walter/0', true);
req.send();
}
setInterval(run, 3000);
Таким образом, если подключение будет разорвано, то мы увидим соответствующую панель.