react+electron检测网络断开和重新连接

最新推荐文章于 2023-08-11 15:04:26 发布

xuehuayu.cn

最新推荐文章于 2023-08-11 15:04:26 发布

阅读量2.1k

点赞数 1

分类专栏： react 文章标签： reactjs

本文链接：https://blog.csdn.net/u010762099/article/details/105784409

版权

react 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

electron + react 如何实现网络断开、重新连接后刷新页面

1、首先在新建一个html页面，页面中监听online和offline事件，当状态改变时，使用ipcRenderer将消息传递给electron的主进程

<html>
<body>
<script>
  const { ipcRenderer } = require('electron')
  const updateOnlineStatus = () => {
    console.info('发送网络状态')
    ipcRenderer.send('online-status-changed', navigator.onLine ? 'online' : 'offline')
  }

  window.addEventListener('online',  updateOnlineStatus)
  window.addEventListener('offline',  updateOnlineStatus)

  updateOnlineStatus()
</script>
</body>
</html>

点击查看分析实现

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xuehuayu.cn

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
react+electron检测网络断开和重新连接

electron + react 如何实现网络断开、重新连接后刷新页面1、首先在新建一个html页面，页面中监听online和offline事件，当状态改变时，使用ipcRenderer将消息传递给electron的主进程<html><body><script> const { ipcRenderer } = require('electron')...
复制链接

扫一扫