html实现让电脑断网的功能,13. Electron 断网提醒功能的实现

桌面客户端的程序都必备的一个功能是判断网络状态，这个其实可以用window.addEventListener来进行时间监听。

相关事件

其实这个是JavaScript的一种方式进行监听网络状态,监听的事件分别是online和offline。

online : 如果链接上网络，就会触发该事件。

offline : 如果突然断网了，就会触发该事件。

案例演示

我们现在要做的就是当断网和重新链接到网络时，都给用户一个提示，方便用户即时得知网络状态。

新建一个文件，比如叫作index5.html文件，然后编写下面的代码：

Document

mybj123.com 断网提醒

window.addEventListener('online', function () {

alert('您的网络已连接~')

});

window.addEventListener('offline', function () {

alert('抱歉，您的网络已断开！')

})

注意：如果你是按我的教程学习的，记得修改main.js的加载文件mainWindow.loadFile('index5.html');。

这样我们就完成了基本的网络情况监控，小伙伴们可以在终端中输入electron . 预览效果。