如何解雇我的在线和离线活动

时间:2014-03-17 11:15:54

标签: javascript html events plugins cordova

我正在使用cordova 3.4。 (机器人)

我设置了4个事件:

  • deviceready
  • 的onResume
  • 在线
  • 离线

问题是在线和离线事件根本没有触发。

根据文档,我在设备准备之前设置了onResume的监听器,之后设置了在线/离线。

这就是我所做的。

事件的

脚本:

function onLoad() {
document.addEventListener("online", onGoesOnLine, false);
document.addEventListener("offline", onGoesOffLine, false);
document.addEventListener("deviceready", onDeviceReady, false);
}

function onDeviceReady() {
document.addEventListener("resume", onResumeApp, false);
var db = window.openDatabase("Database", "1.0", "MondialRelay", 200000);
db.transaction(creerBaseDonneesSiNonExist, function(err){
console.log("erf ...");
 }, function(){
  console.log("hell yeah");
 });
}

function onGoesOnLine(){
 alert("onLine");
}

function onGoesOffLine(){
 alert("offLine");
}

function onResumeApp(){
 alert("onResume");
 window.location = "offLineIndex.html";
}

config.xml:

<?xml version='1.0' encoding='utf-8'?>
<widget id="fr.mondialrelay.appli" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<preference name="loglevel" value="DEBUG" />
<feature name="App">
    <param name="android-package" value="org.apache.cordova.App" />
</feature>
<name>MondialRelay</name>
<description>
</description>
<author email="dev@cordova.apache.org" href="http://cordova.io">
</author>
<content src="index.html" />
<access origin="*" />
<feature name="NetworkStatus">
    <param name="android-package" value="org.apache.cordova.networkinformation.NetworkManager" />
</feature>
<feature name="Device">
    <param name="android-package" value="org.apache.cordova.device.Device" />
</feature>
<feature name="Geolocation">
    <param name="android-package" value="org.apache.cordova.geolocation.GeoBroker" />
</feature>
<feature name="Battery">
    <param name="android-package" value="org.apache.cordova.batterystatus.BatteryListener" />
</feature>
<plugin name="Storage" value="org.apache.cordova.Storage" />
<plugin name="Geolocation" value="org.apache.cordova.GeoBroker" />
<plugin name="NetworkStatus" value="org.apache.cordova.NetworkManager" />
</widget>

AndroidManifest.xml:

<?xml version='1.0' encoding='utf-8'?>
<manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1" android:windowSoftInputMode="adjustPan" package="fr.mondialrelay.appli" xmlns:android="http://schemas.android.com/apk/res/android">
<supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" android:xlargeScreens="true" />
<application android:hardwareAccelerated="true" android:icon="@drawable/icon" android:label="@string/app_name">
    <activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/app_name" android:name="MondialRelay" android:theme="@android:style/Theme.Black.NoTitleBar">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>
<uses-sdk android:minSdkVersion="10" android:targetSdkVersion="19" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.BROADCAST_STICKY" />
</manifest>

这是我在运行“cordova plugin ls”命令时看到的内容:

[ 'org.apache.cordova.battery-status',
'org.apache.cordova.device',
'org.apache.cordova.geolocation',
'org.apache.cordova.network-information' ]

我不认为我错过任何东西,但它仍然不起作用......

我知道这个问题已经被多次询问过了,但即使在阅读了答案之后,我也无法弄清楚如何让它发挥作用。

首先,当我测试时,我正在将应用程序作为暂停状态来切断我的互联网连接,我认为这可能是问题..然后我用我的手机设置了一个wifi然后,当应用程序运行时,我只是关闭它..没办法得到任何警报..

谢谢你的帮助;) 问候。

2 个答案:

答案 0 :(得分:0)

没有任何效果...... 我确实找到了解决这个问题的方法......

  • 在某处保存您的WWW文件夹。
  • 转到项目的根目录。
  • 添加您尚未完成的所有插件
  • Cordova Build位于项目根目录的cordova CLI中

然后复制/粘贴之前保存的www文件夹的内容,而不是cordova CLI创建的新文件夹(不要替换cordova.js cordova_plugin.js和plugins文件夹)

然后转到你的eclipse IDE,编译,它应该工作:)

希望有所帮助。 问候。

答案 1 :(得分:0)

在线/离线事件仅在状态更改时触发。如果您需要检查某个点的连接,可以使用navigator.network.connection.type。

initialize: function() {
    this.bindEvents();
},

bindEvents: function() {
    document.addEventListener('deviceready', this.onDeviceReady, false);
},

function onGoesOnLine(){
    alert("onLine");
},

function onGoesOffLine(){
  alert("offLine");
},

onDeviceReady: function() {        
    document.addEventListener("offline", onGoesOffLine, false);
    document.addEventListener("online", onGoesOnLine, false);
    if((navigator.network.connection.type).toUpperCase() == "NONE" && 
       (navigator.network.connection.type).toUpperCase() == "UNKNOWN") {
        onGoesOffLine();
    }
    else {
        onGoesOnLine();
    }   
}