服务工作者运行时缓存

Question

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

toolbox.router.get('/(.)', toolbox.fastest);
toolbox.router.post('/(.)', toolbox.fastest);
toolbox.router.get('/(.)', toolbox.fastest, {origin: 'https://example.cloudfront.net'})
toolbox.router.get('/(.)', toolbox.fastest, {origin: 'https://example.in'})

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

Answer 1

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

Press F12 -> Application -> Cache Storage in Cache

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

Answer 2

还有一个选项是，如果您想确认，那么应该使用console。从中获取缓存数据的函数中的log（），然后可以签入DevTools。

Answer 3

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

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