javascript - 不允许在 Angular 8 中离线使用 PWA

Question

我已经使用 PWA 和 Service Worker 创建了一个 PWA 应用程序。

我的应用程序允许在用户离线时使用该应用程序。

但我不想在应用程序离线时允许用户访问。

我该怎么做？

Answer 1

您可以添加在线/离线监听器。

  var networkFlag = true;
  window.addEventListener('online', handleConnection);
  window.addEventListener('offline', handleConnection);

在 HandleConnection 内部，您可以根据网络在线或离线设置标志变量 true 或 false。使用此标志变量可以限制离线加载页面。

  function handleConnection() {
   networkFlag = navigator.onLine;
    }

希望这对您的情况有所帮助。