桌面客户端的程序都必备的一个功能是判断网络状态,这个其实可以用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 . 预览效果。

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

  1. java 时间提醒功能_Java怎么实现定时提醒功能

    //可以启动一个线程来做时间计算//也可以用timer来实现定时 timer使用wait 我这里用sleep//关键不是用什么而是用线程来解决问题import java.util.Scanner;pu ...

  2. 富文本编辑器 vue-quill-editor 实现 mention 提醒功能

    业务需要要实现一个富文本编辑器,而且同时还要实现提醒@的功能. 组件官网地址:1. https://www.npmjs.com/package/@yixink/quill-mention 2. htt ...

  3. Win11电脑一段时间不操作就断网怎么解决

    Win11系统频繁断网,很多朋友都不知道怎么回事,近期有部分Win11用户反映,Win11电脑一段时间不操作就断网,十分影响电脑的使用体验,那么有没有什么方法可以解决这一问题呢?下面我来教大家解决方法 ...

  4. python断网还能用吗_室友打游戏时,让他断网掉线!明明没断网就是没网!Python黑客!...

    原标题:室友打游戏时,让他断网掉线!明明没断网就是没网!Python黑客! 为了满足新手对Python的追求,特写了三个初级Python入门工具.第一期写了三个初级工具,希望新手看完以后可以对Pyth ...

  5. 苹果发布新iPhone SE,售价3299元起;百度网盘破解者被捕;GitHub核心功能免费开放 | 极客头条...

    整理 | 屠敏 头图 | CSDN 下载自东方 IC 快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦 ...

  6. 电脑链接wifi显示无法连接服务器,电脑连接wifi出现感叹号_电脑连接wifi成功但上不了网怎么办?-192路由网...

    问:电脑连接wifi出现感叹号,上不了网怎么办?为什么我的笔记本电脑,连接wifi信号后出现一个黄色的感叹号,而且上不了网? 这是什么原因引起的,要如何设置,电脑才能上网? 答:笔记本电脑连接wifi ...

  7. 微软游戏服务器断网,一玩游戏就断网是什么情况?解决方法分享

    今天和大家分享一下win7系统一玩游戏就断网问题的解决方法,在使用win7系统的过程中经常不知道如何去解决win7系统一玩游戏就断网的问题,有什么好的办法去解决win7系统一玩游戏就断网呢? 解决方法 ...

  8. 代码改变生活——利用路由器的“MAC地址过滤功能”限制别人的网速

    最近遇到点小小的烦心事:通过一个无线家用路由器,两个人共用2M的宽带.网速已经很苦逼了,更苦逼的是别人一看电视,我这边的网速就接近0啊,2M网络,平均下载速度应该200KB/S左右,两个共用时,一个人 ...

  9. 一键智能快速环网工业级以太网交换机“一键环网”功能

    当网络通信.网络监控应用中出现网络拥塞.意外断网时,传统以太网交换机通常采用STP.RSTP.MSTP等协议构建环网系统,恢复数据传输.但采用这些协议网络恢复时间长,一般需要几十秒,甚至达到分钟级.而 ...

最新文章

  1. Java8自定义条件让集合分组
  2. 如何扫描和修复 Linux 磁盘错误
  3. CENTOS6.3下zabbix安装部署
  4. 织梦{dede:channel}无子栏目不显示同级栏目的两种修改方法
  5. 自新建表包含货币金额类型和数量类型时报错问题。
  6. string match
  7. vue项目中使用JSX
  8. 一文带你学会 UML--用例图
  9. win10 无法连接路由器共享设备 报错0X80004005
  10. 【报告分享】2022年零售行业消费趋势新主张-京东+罗兰贝格.pdf(附下载链接)...
  11. python工业互联网应用实战13—基于selenium的功能测试
  12. 高科技应用之人脸识别、,
  13. 一粒云盘发布v3.5版本
  14. 二叉树(链表)的相关操作
  15. 谷歌Chrome浏览器如何截图长图
  16. ISO27001认证步骤及证书年审
  17. ssis 抽取mysql 实验_SSIS探索之SSIS增量抽取数据
  18. 计算机论文鉴定表指导教师评语,毕业论文指导老师评语|毕业论文鉴定表评语...
  19. android 拍照 对焦,Android Camera2 拍照(四)——对焦模式
  20. 218分照样可以成为同声传译研究生3

热门文章

  1. WEB免费打印控件推荐
  2. 全球三大BCH(比特币现金)城市,有你想去的吗
  3. 一文读懂比特币现金(BCH)
  4. maven添加本地jar包依赖
  5. S2系统相关-uptime命令总结(S代表系统相关)
  6. 从零开始学 Java - Spring 集成 Memcached 缓存配置(二)
  7. 【源代码】基于Android和蓝牙的单片机温度採集系统
  8. Codeforces 458A Golden System
  9. Delphi-网络编程-UDP聊天程序(转)
  10. Mysql Select 语句中实现的判断