PWA：每次打开应用程序时如何刷新内容

Question

我创建了一个 PWA 应用程序，它向我的家庭自动化服务器发送 API 调用并在主页上打印响应（例如室外温度和真空机器人状态）。

虽然所有数据在第一次打开应用程序时都会刷新，但如果我在不完全关闭应用程序的情况下最小化应用程序，则根本不会刷新任何数据。

我想知道如何在每次重新打开应用程序时强制刷新而无需手动进行（没有下拉刷新，没有刷新按钮） .

Answer 1

找到自己的解决方案，在 service worker 中添加以下代码：

self.addEventListener('visibilitychange', function() {
    if (document.visibilityState === 'visible') {
        console.log('APP resumed');
        window.location.reload();
    }
}