Question

我为Android开发并打包了一个基于Cordova的离线HTML5应用程序。它工作正常，一些资源在没有互联网连接的情况下在本地访问，而其他资源需要互联网连接。当互联网连接断开时，问题就出现了，因为它显示了一个网页，而不是URL中的可用错误。

我尝试将其添加到我的HTML页面，但它不起作用

<img src='http://www.example.com/mobile/index.html' onerror='alert("Connection dead");' />

上述代码有什么问题？

Answer 1

为什么不使用cordova网络插件来测试连接？

cordova plugin add cordova-plugin-network-information

Github - https://github.com/apache/cordova-plugin-network-information

简单示例 -

function checkConnection() {
    var networkState = navigator.connection.type;

    var states = {};
    states[Connection.UNKNOWN]  = 'Unknown connection';
    states[Connection.ETHERNET] = 'Ethernet connection';
    states[Connection.WIFI]     = 'WiFi connection';
    states[Connection.CELL_2G]  = 'Cell 2G connection';
    states[Connection.CELL_3G]  = 'Cell 3G connection';
    states[Connection.CELL_4G]  = 'Cell 4G connection';
    states[Connection.CELL]     = 'Cell generic connection';
    states[Connection.NONE]     = 'No network connection';

    alert('Connection type: ' + states[networkState]);
}

checkConnection();

没有互联网连接时的GIve通知

1 个答案: