在渲染进程中, Online and offline 事件检测,是通过标准 HTML5 API 中 navigator.onLine 属性来实现的。 脱机时 (从网络断开), navigator.onLine 属性将返回 false, 除此之外都返回true 。 由于所有其他条件都返回 true, 因此必须警惕信息误报, 因为我们不能保证 true 的情况下 Electron 一定可以访问 internet。 例如这种情况下,软件运行在一个虚拟网络适配器始终为“connected”的虚拟机中。 因此,如果你想确保 Electron 真实的网络访问状态,你应该开发额外的检测方法。
渲染进程加入代码:
// 监听在线/离线
window.addEventListener('online', () => {
let opt = {
title: "有网了",
body: "快点继续工作吧",
icon: "./img/icon.png"
};
new window.Notification(opt.title, opt);
})
window.addEventListener('offline', () => {
let opt = {
title: "网断了",
body: "网没了可以好好休息下了",
icon: "./img/icon.png"
};
new window.Notification(opt.title, opt);
})