使用标准 HTML5 APIs 可以实现在线和离线事件的探测，就像以下例子：
main.js
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
<!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
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
<!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>注意:如果电脑启动了虚拟机的网卡驱动,可能会出现离线探测不准确.
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
