javascript - Offline.js - 在线检查？

Question

下面是我的代码。

简单地说，我不知道如何使连接从在线转换为离线时，将触发更新 css ( https://github.com/hubspot/offline) 的事件。

如果它从 OFFLINE 变为 ONLINE，那么它会在 10 秒内更新。但我不确定如何让它在另一个方向上工作？

似乎如果我调用 Offline.check();手动它会更新，但理想情况下我希望它自动执行此操作。欢迎任何想法。

Offline.options = {
    checkOnLoad: true,
    checks: {
        image: {
            url: 'http://example.com/image.gif'
        },
        active: 'image'
    },
    reconnect: {
        initialDelay: 10, // only check every 10 seconds
        delay: 10
    }
};

Answer 1

您可以使用 Offline.on(event, handler, context) 来了解连接何时在线/离线。

就像连接掉线一样

Offline.on('up', function gotOnline(){
  console.log("I am online");
})

Offline.on('down', function gotOffline(){
  console.log("I am offline");
})