【前端笔记】js监听网络断开和网络恢复事件

核心代码

 window.addEventListener("online", (function() {
     alert('网络连接上了')
 }));
 
 window.addEventListener("offline", (function() {
     alert('网络断开了');
 }));

测试方法

通过浏览器调试器Network面板启动网络开启和关闭可进行测试

关闭网络触发和提示测试

开启网络触发和提示测试