在线/离线事件检测 | Online/Offline Event Detection
Online/Offline Event Detection
在线和离线事件检测可以使用标准HTML5 API在渲染器进程中实现，如以下示例所示。
main.js
const {app, BrowserWindow} = require('electron')
let onlineStatusWindow
app.on('ready', () => {
onlineStatusWindow = new BrowserWindow{ width: 0, height: 0, show: false })
onlineStatusWindow.loadURL(`file://${__dirname}/online-status.html`)
})
在线-status.html
<!DOCTYPE html>
<html>
<body>
<script>
const alertOnlineStatus = () => {
window.alert(navigator.onLine ? 'online' : 'offline')
}
window.addEventListener('online', alertOnlineStatus)
window.addEventListener('offline', alertOnlineStatus)
alertOnlineStatus()
</script>
</body>
</html>
可能有些情况下您也想在主流程中响应这些事件。然而，主进程没有navigator对象，因此无法直接检测到这些事件。使用Electron的进程间通信实用程序，可以将事件转发到主进程并根据需要进行处理，如以下示例所示。
main.js
const {app, BrowserWindow, ipcMain} = require('electron')
let onlineStatusWindow
app.on('ready', () => {
onlineStatusWindow = new BrowserWindow{ width: 0, height: 0, show: false })
onlineStatusWindow.loadURL(`file://${__dirname}/online-status.html`)
})
ipcMain.on('online-status-changed', (event, status) => {
console.log(status)
})
在线-status.html
<!DOCTYPE html>
<html>
<body>
<script>
const {ipcRenderer} = require('electron')
const updateOnlineStatus = () => {
ipcRenderer.send('online-status-changed', navigator.onLine ? 'online' : 'offline')
}
window.addEventListener('online', updateOnlineStatus)
window.addEventListener('offline', updateOnlineStatus)
updateOnlineStatus()
</script>
</body>
</html>
注意：如果Electron无法连接到局域网（LAN）或路由器，则认为它是脱机的; 所有其他条件返回true。因此，尽管您可以假设Electron在navigator.onLine退货时处于离线状态false，但您不能认为这个true值必然意味着Electron可以访问互联网。您可能会得到误报，例如在计算机运行具有始终“连接”的虚拟以太网适配器的虚拟化软件的情况下。因此，如果您确实想确定Electron的Internet访问状态，则应该开发附加功能检查手段。
