问题标签 [cacheapi]

我已经使用 CacheAddall 方法缓存了资源，版本为“v22”，v22 版本有很多文件，例如如下：

现在我如何访问相同的内容并单独更新或删除。我可以访问v22

但是这里console.log只返回v22，例如如何访问/pwa/js/app/js

我找不到解决方法。

我正在编写一个网络应用程序，用户可以在其中使用缓存 API 下载图像以供以后离线使用。

这按预期工作。使用 Chrome-Developer-Tools（在 Application -> Cache Storage 下）我看到了图像列表：

现在，当我想使用简单的标签以离线模式显示图像时img，它不适用于从谷歌云存储桶提供的图像，但它适用于其他图像源。

来自 Google Cloud Buckets 的图像无法在离线模式下加载：

fakeimg.pl 中的图像以离线模式显示：

知道为什么它不起作用吗？

我正在做一个测验。一个页面正在显示一个问题，当用户回答时，另一个页面正在显示答案。当用户在问题页面时，我想提前缓存相应的答案页面。

因此，当用户回答问题时，会在没有任何加载时间的情况下显示答案页面（因为它是从服务人员那里检索到的，而且速度非常快）。

实现这一目标的最佳方法是什么？

我想到的解决方案：

在问题页面上，插入一个隐藏的 IFrame，显示答案页面，允许服务人员缓存所有资源（html 和图像）。我认为这太棘手了，而且似乎不是一个常见的解决方案；真的找不到其他人使用这个技巧，所以我认为必须有更好的方法？

大家好，我是服务人员的新手，我正面临这个错误

The FetchEvent for "<My Local URL>" resulted in a network error response: the promise was rejected.

我不知道这是什么意思

这就是当我单击offline并refresh 从网络选项卡脱机问题时发生的情况

这是我的代码

任何线索我都会受到赞赏。

我正在使用 cache.put() 在缓存存储中存储 40,000 多个图像。我可以看到缓存存储中的所有图像都已成功存储。但是当我离线使用我的 react js 网站时，有些图像正在显示，有些没有显示。浏览器自己决定是否显示图像。我找不到原因。谁能帮我？

我只是想知道是否有一种方便的方法可以在点击时缓存整个 PWA？就像您从应用商店下载并安装原生应用一样？

如果我没记错的话，目前唯一的解决方案是您必须将所有现有文件添加到一个数组中并使用 cache.addAll 方法（如下所示）。如果单击了按钮，则可以执行该功能。

你知道有什么更好的方法吗？

我现在花了无数个小时试图让缓存 API 缓存一个简单的请求。我让它在两者之间工作过一次，但忘记在缓存键中添加一些东西，现在它不再工作了。不用说，cache.put()没有一个返回值来指定请求是否实际被缓存并不能完全帮助我，我只能反复试验。有人可以提示我做错了什么以及实际需要什么吗？我现在已经阅读了所有文档超过 3 遍，我很茫然……</p>

值得注意的是，这个 REST 端点集pragma: no-cache和其他所有与无缓存相关的缓存，但我还是想强制缓存响应，这就是为什么我尝试在缓存之前完全重写标头，但它仍然无法正常工作（不匹配或不存储，没有人知道......）

在此先感谢您的帮助，我首先在 Cloudflare 社区上提出了相同的问题，但在 2 周内没有收到答复

所以我尝试从mozzila开发者网络学习缓存存储和火缓存，但是我不太明白缓存存储和对象缓存的基本区别是什么，两者功能相同

例如caches.match和cache.match具有匹配缓存的相同功能，但是我不太明白何时使用其中之一，也许有人可以更深入地解释一下CacheStorage和Cache的根本区别

参考： https ://developer.mozilla.org/id/docs/Web/API/CacheStorage https://developer.mozilla.org/en-US/docs/Web/API/Cache

我想保存由 api 服务的 JSON 响应提供的图像。目前，用户有能力去播放它们并将它们保存在电脑上。我想要做的是将图像存储在我的应用程序的内部数据库中，该数据库将充当缓存，因此如果用户在短时间内进行相同的搜索，应用程序将能够提供数据库中的所有信息，并且将快速加载。这可能使用javascript吗？作为我正在使用的数据库nedb，我认为它可以完成任务，但是我正在阅读有关服务工作者和缓存 API 的信息，是否可以使用服务工作者来做到这一点？

I have just started using Cache API of javascript. I need to set a header in all my GET request, hence i passed in my request object to the "add" method like the following,

But instead of the constructed request object, the request is sent with the XMLHttpRequest directly appended to the base url like www.mytestforcaching.com/[object%20XMLHttpRequest]. Please help me with sending the constructed request object or setting headers in the request for cache api.

Thanks in advance :)