强制设备缓存链接页面以供离线使用

Question

我创建了一个渐进式网络应用程序，它简单地列出了链接（指向 URL），单击这些链接时会使用设备（例如手机）的默认浏览器打开 URL。

有没有办法告诉设备缓存这些页面，以便它们可以离线使用。

因此，当我的渐进式网络应用离线运行时，之前访问的任何链接也将能够显示在设备默认浏览器中。

Answer 1

你可以做两件事：

1. 预缓存链接集；您可以使用诸如sw-precache 之类的库来执行此操作
2. 在 PWA 的 Service Worker 的 fetch 事件处理程序中，将用户点击的 URL 放入缓存中。

选项 (1) 的优点是您的应用从一开始就可以离线使用；选项（2）的优点是您的应用程序只会缓存用户感兴趣的链接。我认为您的问题是指选项（2）；根据您的用例，您可以决定哪种策略最好。

您可以在 Jake Archibald 的Offline Cookbook article 中了解有关各种缓存和服务策略的更多信息。