Offline.js – 在线检查？

这是我的代码如下。

简单地说，我不知道如果连接从ONLINE过渡到OFFLINE，将会触发更新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"); }) 

Answer 2

如果您在此处阅读文档，则可以看到脱机具有某些属性，例如Offline.check() ， Offline.state 。

您可以使用其中任何一个来显示所需的CSS 。

例如：

 if(Offline.state=='down'){ /*assuming that you have that div in your css set to hidden or something else*/ $("#offlineDiv").show('100'); //Just an imaginary div } 

然后当连接脱机时..使用

offline.on(down, handler)..

现在这个处理程序利用上面的CSS开关激活该div。

Answer 3

这是我使用三元运算符的代码

 connectionStatus = navigator.onLine ? 'online' : 'offline'; console.log(connectionStatus);