如何使用Offline.js在连接消失时提醒用户

时间:2015-04-17 12:29:40

标签: javascript offline offlineapps offline-mode

我正在尝试在用户离线时提醒他们,并显示一条简单的消息。我正在使用Offline.js作为库(Offline.js website)。

我想编写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 Code + DEMO

2 个答案:

答案 0 :(得分:5)

您的处理程序设置不正确。它应该是这样的:

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

答案 1 :(得分:0)

在链接离线的js和css主题之后,然后添加这些代码。

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

注意:仅当您在其上方调用jquery.js代码时才会起作用。