如何让 Offline.js 区分真正的离线行为和服务器宕机?
How can I make Offline.js distinguish between genuine offline behavior and the server being down?
我们的团队已开始使用 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区分真正的离线行为和服务器宕机呢?
我在 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 徽标的内容:
Offline.options = {checks: {image: {url: 'https://www.google.com/images/srpr/logo11w.png'}, active: 'image'}}
我们的团队已开始使用 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区分真正的离线行为和服务器宕机呢?
我在 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 徽标的内容:
Offline.options = {checks: {image: {url: 'https://www.google.com/images/srpr/logo11w.png'}, active: 'image'}}