javascript - 在浏览器中检测离线模式的最佳方法是什么？

Question

我有一个 Web 应用程序，其中有许多 Ajax 组件，它们在页面中经常刷新自己(它是一种仪表板)。

现在，我想向页面添加功能，以便在没有 Internet 连接时，页面的当前内容不会更改，并且页面上会出现一条消息，说明页面处于脱机状态(当前，因为这些各种小工具该页面尝试刷新自己并发现没有连接，他们的旧数据消失了)。

那么，解决此问题的最佳方法是什么？

Answer 1

navigator.onLine

那应该做你所要求的。

您可能想在更新页面的任何代码中检查它。例如:

if (navigator.onLine) {
    updatePage();
} else {
    displayOfflineWarning();
}