在線/離線事件探測 · Electron 中文文檔

# 在線/離線事件探測使用標準 HTML5 APIs 可以實現在線和離線事件的探測，就像以下例子： *main.js* ```javascript var app = require('app'); var BrowserWindow = require('browser-window'); var onlineStatusWindow; app.on('ready', function() { onlineStatusWindow = new BrowserWindow({ width: 0, height: 0, show: false }); onlineStatusWindow.loadURL('file://' + __dirname + '/online-status.html'); }); ``` *online-status.html* ```html <!DOCTYPE html> <html> <body> <script> var alertOnlineStatus = function() { window.alert(navigator.onLine ? 'online' : 'offline'); }; window.addEventListener('online', alertOnlineStatus); window.addEventListener('offline', alertOnlineStatus); alertOnlineStatus(); </script> </body> </html> ``` 也會有人想要在主進程也有回應這些事件的實例。然后主進程沒有 `navigator` 對象因此不能直接探測在線還是離線。使用 Electron 的進程間通訊工具，事件就可以在主進程被使，就像下面的例子： *main.js* ```javascript var app = require('app'); var ipc = require('ipc'); var BrowserWindow = require('browser-window'); var onlineStatusWindow; app.on('ready', function() { onlineStatusWindow = new BrowserWindow({ width: 0, height: 0, show: false }); onlineStatusWindow.loadURL('file://' + __dirname + '/online-status.html'); }); ipc.on('online-status-changed', function(event, status) { console.log(status); }); ``` *online-status.html* ```html <!DOCTYPE html> <html> <body> <script> var ipc = require('ipc'); var updateOnlineStatus = function() { ipc.send('online-status-changed', navigator.onLine ? 'online' : 'offline'); }; window.addEventListener('online', updateOnlineStatus); window.addEventListener('offline', updateOnlineStatus); updateOnlineStatus(); </script> </body> </html> ```