javascript - 如何让 Offline.js 区分真正的离线行为和服务器停机？

Question

我们的团队已经开始使用 Offline.js ，一个可以检测用户是否离线的库。我们目前已将其设置为使用以下代码在我们的服务器上查找图像:

Offline.options = {checks: {xhr: {url: 'resources/bower/offline/img/tiny-image.gif'}}};

但是，我们发现，如果我们的服务器出现故障，最终用户会收到一条错误消息，指出他们的互联网已断开连接，但事实并非如此。他们的网络很好，这是我们这边的问题。

我不认为可以通过具有更可靠的正常运行时间的网站进行检查；它一定是我们服务器上的东西。来自 Offline.js 文档:

Make sure that the URL you check has the same origin as your page (the connection method, domain and port all must be the same), or you will run into CORS issues.

那么我怎样才能让 Offline.js 区分真正的离线行为和服务器宕机呢？

Answer 1

我在 https://github.com/hubspot/offline 的 offline.js 文档中看到了这个:

If you do want to run tests on a different domain, try the image method. It loads an image, which are allowed to cross domains.

Offline.options = {checks: {image: {url: 'my-image.gif'}, active: 'image'}}

因此您可以使用类似 google Logo 的内容:

Offline.options = {checks: {image: {url: 'https://www.google.com/images/srpr/logo11w.png'}, active: 'image'}}