Sự kiện Phonegap trực tuyến/ngoại tuyến không hoạt động

Question

Tôi đang viết ứng dụng với phonegap (cordova) 3.0.0 và các sự kiện "trực tuyến" và "ngoại tuyến" không hoạt động. Khi tôi thử sự kiện "tiếp tục", sự kiện này là OK. Tôi đang sử dụng XCode 4.5 và IOS.

Đây là chính tập tin javascript của tôi về dự án PhoneGap:

var app = { 

    initialize: function() { 
     this.bindEvents(); 
    }, 
    // Bind Event Listeners 
    // 
    // Bind any events that are required on startup. Common events are: 
    // 'load', 'deviceready', 'offline', and 'online'. 
    bindEvents: function() { 
     document.addEventListener('deviceready', this.onDeviceReady, false); 
     document.addEventListener('online', this.onDeviceOnline, false); 
     document.addEventListener('resume', this.onDeviceResume, false); 
    }, 

    onDeviceReady: function() { 
     app.receivedEvent('deviceready'); 
    }, 

    onDeviceOnline: function() { 
     app.receivedEvent('deviceonline'); 
    }, 

    onDeviceResume: function() { 
     app.receivedEvent('deviceresume'); 
    }, 

    receivedEvent: function(id) { 
     var parentElement = document.getElementById(id); 
     var listeningElement = parentElement.querySelector('.listening'); 
     var receivedElement = parentElement.querySelector('.received'); 

     listeningElement.setAttribute('style', 'display:none;'); 
     receivedElement.setAttribute('style', 'display:block;'); 

     console.log('Received Event: ' + id); 
    } 
}; 

Thank cho lời khuyên

Answer 1

Những sự kiện này phải được ràng buộc bên trong "onDeviceReady", họ sẽ không làm việc trước khi sự kiện DeviceReady. Kiểm tra này Attach an event listener once the deviceready event fires

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

onDeviceReady: function() { 
    app.receivedEvent('deviceready'); 
    document.addEventListener('online', this.onDeviceOnline, false); 
}, 

Xin lưu ý rằng sự kiện online/offline không phát sinh khi ứng dụng khởi động, những sự kiện chỉ được kích hoạt khi kết nối thay đổi trạng thái. Giả sử khi ứng dụng bắt đầu ở chế độ trực tuyến, cho đến khi ứng dụng ngoại tuyến, sự kiện ngoại tuyến sẽ không được kích hoạt, tương tự cho sự kiện trực tuyến.

Để kiểm tra các kết nối hiện tại, bạn cần phải sử dụng mã dưới đây

onDeviceReady: function() { 
    app.receivedEvent('deviceready'); 
    document.addEventListener('online', this.onDeviceOnline, false); 
    if((navigator.network.connection.type).toUpperCase() != "NONE" && 
     (navigator.network.connection.type).toUpperCase() != "UNKNOWN") { 
     this.onDeviceOnline(); 
    } 
} 

Answer 2

bạn nên thêm Plugin Kết nối với dự án của bạn và sau đó sự kiện này sẽ bị sa thải.

để thêm kết nối sử dụng Plugin lệnh sau:

CMD> phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-network-information.git 

Answer 3

nếu bạn muốn hiển thị trạng thái online/offline bạn cần phải thêm mạng thông tin cắm đầu với dấu nhắc lệnh

$ phonegap local plugin add org.apache.cordova.network-information 

sau khi thêm rằng plugin sự kiện trực tuyến/ngoại tuyến của bạn sẽ hoạt động, nó hoạt động tốt cho tôi

Answer 4

Trong corodova (không phải điện thoại) bạn phải thêm plugin theo cách này:
cordova plugin add org.apache.cordova.network-information

Answer 5

Trong dự án thư mục PhoneGap:

phonegap plugin add org.apache.cordova.network-information 

Trong index.js:

var app = {}; 
app.initialize = function() { 
    document.addEventListener("online", function(){alert('online : true') }, false); 
    document.addEventListener("offline", function(){alert('online : false') }, false); 
}; 

Trong index.html, ở đâu đó:

<script type="text/javascript"> 
app.initialize(); 
</script>