使用 offline.js 检查互联网连接答案

【问题标题】：Check internet connection with offline.js使用 offline.js 检查互联网连接
【发布时间】：2015-05-11 04:19:25
【问题描述】：

我正在为 android 创建 phonegap 应用程序。

我想检查应用程序的互联网连接。我正在使用offline.js。

但这对我来说根本不起作用。

我的代码是，

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>datePickerAngularTPLS</title>
    <link href="css/offline.css" rel="stylesheet" />
    <script src="scripts/jquery-1.11.3.min.js"></script>
    <script src="scripts/offline.js"></script>
</head>
<body>
    <script>
        $(function () {
            function on(evt) {
                alert("connected successfully");
            }
            function off(evt) {
                alert("connection failed");
            }
            Offline.on("up", on);
            Offline.on("off", off);
        });
    </script>
    <!-- Cordova reference, this is added to your app when it's built. -->
    <script src="cordova.js"></script>
    <script src="scripts/platformOverrides.js"></script>
    <script src="scripts/index.js"></script>
</body>
</html>

上面的代码有什么问题...？我只想在成功和失去互联网连接时显示警报。

我也尝试过使用 navigator.isOnlie，但不可靠。

【问题讨论】：

标签： javascript cordova phonegap-plugins offline internet-connection

【解决方案1】：

请关注离线jsLINK

或者其他方式是：

window.navigator.onLine

这将返回真或假。

另外一种方法是使用 Phonegap 可用插件：

Phonegap Plugin

【讨论】：

【解决方案2】：

在您的第一个示例中，您忘记关闭 $ 函数。您可能会在控制台中看到一条错误消息，并且这些处理程序永远不会被创建/附加。

如果这只是您的问题中的一个错字，并且您在 real 代码中正确关闭了该函数，那么我的猜测是您正在添加处理程序 after up 事件已经发生。 Here 它解释了何时触发这些事件。

如果您加载页面，然后打开和关闭连接，您会看到记录的事件吗？

【讨论】：

请查看更新的问题...并提出建议...目前没有警报消息。
您的控制台是否有任何错误？您是否有可用于offlinejs 的/favicon.ico 来测试连接？看看here
是的，我已经在项目中添加了 favicon.ico 图像...并且控制台上也没有错误消息。