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

我有一个Web应用程序,其中有许多Ajax组件在页面内经常刷新(它是各种各样的仪表板).

现在,我想为页面添加功能,以便在没有Internet连接时,页面的当前内容不会更改,并且页面上会显示一条消息,指出页面处于脱机状态(当前,这些不同的小工具都在页面尝试刷新自己,发现没有连接,他们的旧数据消失了).

那么,最好的方法是什么？

navigator.onLine

那应该做你要问的.

您可能想要检查更新页面的任何代码.例如:

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