从 iframe 访问父窗口缓存

Question

我有一个包含大约 20 张图片的轮播。加载所有图像后，它们应该被缓存，然后在 iframe 中再次加载。浏览器显示图片已缓存。

问题是 iframe 中的相同图像 URL 再次下载它们，而不是从缓存中加载。 有没有办法从缓存中加载这些图像？

Answer 1

浏览器的缓存不是特定于窗口的。

如果您的图片被重新请求，那是因为以下情况之一是正确的：

1. （不太可能） URL 不同（即使您的服务器最终返回相同的图像），或者
2. （可能） 与图像一起发回的缓存标头等告诉浏览器不要缓存它们，或者
3. 浏览器决定不缓存它们，即使出于某种原因允许这样做（例如，它的缓存启发式表示“不要缓存这些”）。

要修复它，请确保您的图像 URL 评估为相同的完整 URL（他们可能已经这样做了，但请仔细检查），并且服务器会发回足够的缓存信息以允许浏览器缓存图像。