大佬教程收集整理的这篇文章主要介绍了Electron 在线/离线事件探测,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
使用标准 HTML5 APIs 可以实现在线和离线事件的探测,就像以下例子:
@H_356_0@main.jsvar 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 的进程间通讯工具,事件就可以在主进程被使,就像下面的例子:
@H_356_0@main.jsvar 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>
注意:如果电脑启动了虚拟机的网卡驱动,可能会出现离线探测不准确.
以上是大佬教程为你收集整理的Electron 在线/离线事件探测全部内容,希望文章能够帮你解决Electron 在线/离线事件探测所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。