第一个窗口的离线事件，当网络发生变化时触发。第二个是navigator.onLine，它返回网络的当前状态。两者是不同的。
在三星Galaxy J7（2015）上，Chrome 104工作正常。在我加载页面并关闭数据后，显示当前网络状态的警报，因此窗口脱机事件工作正常。在点击按钮时，navigator.onLine返回true，如果我在线，否则返回false。
一切似乎都很好。

您可以尝试使用其他事件的组合来检测联机/脱机状态，如文档对象上的联机和脱机事件，沿着使用setInterval进行定期检查以监视网络状态。

function checkOnlineStatus() {
  if (navigator.onLine) {
    alert('Online');
  } else {
    alert('Offline');
  }
}

checkOnlineStatus();

// Check online status as needed
setInterval(checkOnlineStatus, 2000);

// Listen for the 'online' and 'offline' events
document.addEventListener('online', function() {
  alert('Online');
});

document.addEventListener('offline', function() {
  alert('Offline');
});

字符串

window.addEventListener('offline', function (e) {
  alert('offline');
});

字符串
不等于navigator.onLine
只要保留你的功能，并删除导航.onLine

您所描述的问题是Android操作系统中的已知错误。该漏洞是在Android 11中引入的，影响Android上所有版本的Chrome。当用户的设备失去网络连接时，该错误会导致window.offline事件不触发。
目前没有解决此错误的方法。解决这个问题的唯一方法是等待Google发布针对该漏洞的修复程序。
与此同时，您可以使用以下解决方法来检测用户设备何时脱机：

const networkState = navigator.connection.type;

const isOnline = () => {
  switch (networkState) {
    case 'cellular':
    case 'wifi':
    case 'ethernet':
      return true;
    default:
      return false;
  }
};

const offlineHandler = () => {
  console.log('offline');
};

isOnline() && window.addEventListener('online', offlineHandler);
!isOnline() && window.addEventListener('offline', offlineHandler);

字符串
此代码将检查用户的网络状态，并确定他们是联机还是脱机。如果用户离线，则将调用offlineHandler函数。
我希望这有帮助！如果你还有其他问题请告诉我。
来源：Google Bard {https：//g.co/bard/share/1238193b6d52}