javascript - Offline.js 不起作用

Question

我正在使用 Offline.js 在一个简单的 Web 应用程序中检查我的 Internet 连接。问题是我只收到第一条连接消息，然后什么也没有。

$(document).ready(function () {
Offline.options = {
    checkOnLoad: true,
    interceptRequests: true,
    reconnect: {
        initialDelay: 3
    },
    requests: true,
    game: false
};

console.log(Offline.check());

Offline.on("up",function () {
    console.log("connected");
});
Offline.on("down", function () {
    console.log("disconnected");
});
});

Answer 1

file://您的脚本工作正常，除非您使用该方案在本地运行它。

关键是 Offline.js/favicon.ico向域发出请求，它当前正在运行。对于本地方案，对自身的请求可能会产生安全威胁。因此默认情况下它是禁用的。

1. 您可以使用该参数启动 Google Chrome--allow-file-access-from-files以使其工作。
2. 在 Mac 或 Linux 中，进入文件文件夹并运行python3 -m http.server. 然后localhost:8000/在您的浏览器中找到您的 HTML 文件。

使用这些方法，HTML 文件将通过 HTTP 提供，它可以进行正确的 AJAX 调用，并且 Offline.js 再次工作。

简而言之：file:// Offline.js 在方案中不起作用。