Service Worker运行时缓存

Question

我正在使用服务工作者创建一个渐进式Web应用程序，我正在使用服务工作者工具箱来缓存我的内容。 用于缓存我的内容的服务工作者代码：

game
parent

代码运行正常，因为我没有在控制台中看到任何错误。但是我如何检查来自cloudfront的图像或上面配置的url是否从缓存本身进行缓存和渲染。

Answer 1

您可以检查chrome devtools中的缓存内容，查看资源/应用程序选项卡并缓存存储。

您检查它是否已返回，查看devtools网络面板并在大小列中查找“（来自ServiceWorker）”。

Answer 2

还有一个选项是，如果您想要确认，那么您应该在获取缓存数据的函数中使用console.log（），然后您可以在DevTools中进行检查。

Answer 3

您可以在Chrome开发者工具中查看

Press F12 -> Application -> Cache Storage in Cache

如果您无法看到它，请右键单击缓存存储来刷新缓存存储。