Question

我尝试制作一个有角度的8 PWA应用程序。到目前为止，缓存对于静态资源和API都处于脱机模式。

但是我想通知用户离线状态，并让他们知道所显示的信息（API）不一定是最新的。

我试图找到有关从角度查询服务工作者的指南或文档，但没有发现任何问题。知道服务工作者是否使用缓存的最佳方法（如果有）是什么？

谢谢。

Answer 1

浏览器根据网络连接情况生成“离线”和“在线”事件，您可以侦听此事件以通知用户：

window.addEventListener('online', hideOfflineIndicator); 
window.addEventListener('offline', showOfflineIndicator);

function showOfflineIndicator() {
    // Your code to inform the user they are offline.
}

function hideOfflineIndicator() {
    // Your code to inform the user they are back online.
}

这有个不错的browser support

有关这些事件的更多信息，请参见here

如何查询PWA离线状态通知用户

1 个答案: