Как предупредить пользователей об исчезновении соединения с помощью Offline.js

Я пытаюсь предупредить пользователей, когда они не в сети, и показать простое сообщение. Я использую Offline.js в качестве библиотеки (веб-сайт Offline.js).

Я хочу написать JS, а не использовать Eager для его автоматической установки.

Вот то, что я написал, но это, похоже, не работает. Может ли кто-нибудь помочь мне с более подробной информацией?

Я не смог найти образец с кодом на сайте библиотеки.

Offline.options = {checkOnLoad: true, checks: {image: {url: 'http://www.vitaminedz.com/photos/49/02-49565-front-de-mer-a-oran.jpg'}, active: 'image'}}

Offline.check();
Offline.on('up', alert('up'));
Offline.on('down',alert('down'));

Код JSFiddle + ДЕМО


javascript offlineapps offline offline-mode
person Stranger B.    schedule 17.04.2015    source источник
comment
Обратите внимание, что github не позволяет вам ссылаться на файлы из jsfiddle таким образом - он обслуживает их с типом mime text/plain, поэтому ваша скрипка (в настоящее время) нефункциональна.   -  person James Thorpe    schedule 17.04.2015

Ответы (2)


arrow_upward
6
arrow_downward

Ваши обработчики настроены неправильно. Это должно быть так:

alert(Offline.check());
Offline.on('up', function() {
    alert('up');
});
Offline.on('down', function() {
    alert('down')
});
person Yordan Ivanov    schedule 17.04.2015
comment
Offline.js не только запускает эти сообщения, но и повторно инициирует ajax, который был прерван во время разрыва соединения. Но после успеха методы такого Ajax не срабатывают. Как их вызвать? - person Curious Developer; 11.06.2018

arrow_upward
0
arrow_downward

После связывания вашей темы js и css в автономном режиме вы добавляете этот код.

<script type="text/">
var run = function(){
if (Offline.state === 'up')
Offline.check();
}
 setInterval(run, 1000);
</script>

ПРИМЕЧАНИЕ. Это будет работать, только если вы вызовете свой код jquery.js над ним.

person Precious Tom    schedule 05.08.2016