Fatal编程技术网
  • javascript/
  • Javascript 使用phonegap检查移动应用程序中的互联网连接

Javascript 使用phonegap检查移动应用程序中的互联网连接

javascript android cordova

Javascript 使用phonegap检查移动应用程序中的互联网连接,javascript,android,cordova,phonegap-plugins,phonegap,Javascript,Android,Cordova,Phonegap Plugins,Phonegap,在phonegap中创建移动应用程序时，我想显示一条关于互联网连接在线/离线的警告消息。但我没有收到警告信息。我曾经 cordova插件网络信息 在我的js文件中使用下面代码的插件 <script type="text/javascript"> var networkState = navigator.connection.type; var states = {}; states[Connection.UNKNOWN] = 'Unknown connection'; stat

在phonegap中创建移动应用程序时，我想显示一条关于互联网连接在线/离线的警告消息。但我没有收到警告信息。我曾经

cordova插件网络信息

在我的js文件中使用下面代码的插件

<script type="text/javascript">

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]); </script>


var networkState=navigator.connection.type；
变量状态={}；
状态[Connection.UNKNOWN]=“未知连接”；
状态[Connection.ETHERNET]=“以太网连接”；
状态[Connection.WIFI]=“WIFI连接”；
状态[Connection.CELL_2G]=“CELL 2G Connection”；
状态[Connection.CELL_3G]=“CELL 3G Connection”；
状态[Connection.CELL_4G]=“CELL 4G Connection”；
状态[Connection.CELL]=“单元通用连接”；
状态[Connection.NONE]=“无网络连接”；
警报（'连接类型：'+状态[网络状态]）；
有人能帮我解决这个问题吗？

在添加上述代码之前，您必须确保文档已加载。在HTML中执行以下操作：

<body onload="onLoad">
首先添加以下Cordova插件：

添加以下脚本文件：

jquery.mobile-1.4.0.css
jquery-1.10.2.min.js
cordova.js


$（文档）.ready（函数（）{
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
文件。附录列表（“在线”，在线，假）；
文档。addEventListener（“脱机”，onOffline，false）；
函数ondevicerady（）{
控制台日志（“就绪”）；
}
函数onOnline（）{
控制台日志（“已连接”）；
}
函数onOffline（）{
调试器；
控制台日志（“断开连接”）；
navigator.notification.alert(
“请检查您的internet连接。”，//消息
null，//回调
'示例'，//标题
“好的”//buttonName
);
}
});
样本
输出：
有关更多详细信息，请单击

我尝试了上述代码，但它不起作用。它没有显示任何警报消息我尝试了上面的代码，但它也不起作用。它没有显示任何警报消息我添加了上述代码，但它没有工作。当用户脱机时，它不会显示任何消息 
function onLoad() {
    document.addEventListener("deviceready", onDeviceReady, false);
}

function onDeviceReady() {
   //call your internet connectivity code here...
}

  <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="Content-type" name="viewport"
            content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport"
            content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">

        <link rel="stylesheet" href="css/jquery.mobile-1.4.0.css" />
        <script src="cordova.js"></script>
        <script type="text/javascript" src="js/jquery-1.10.2.min.js">

</script>
        <script>
            $(document).ready(function () {
                document.addEventListener("deviceready", onDeviceReady, false);
                document.addEventListener("online", onOnline, false);
                document.addEventListener("offline", onOffline, false);
                function onDeviceReady() {
                    console.log(" ready");
                }

                function onOnline() {
                    console.log("connected");
                }

                function onOffline() {
                    debugger;
                    console.log("lost connection");

                    navigator.notification.alert(
                        'Please Check your internet connection.', // message
                        null, // callback
                        'Sample', // title
                        'OK' // buttonName
                    );
                }
            });
        </script>
    </head>
    <body>
        <p style="top:100px;"> Sample</p>
    </body>
    </html>