了解 Firefox 开发者控制台（网络选项卡）中用于图像缓存控制的“响应标头”和“请求标头”之间的区别

Question

编辑：我发现了我的问题。我错误地使用了网络检查器（在 Chrome 和 FF 中）——基本上我点击了“刷新” 并观看网络检查器，但它会重新下载 一切。您需要做的是转到 URL，然后打开网络检查器，然后转到 URL 再次（不要“刷新”，只需再次访问该 URL）。这 网络检查器将通知您从哪些资源中提取 缓存:)

原始问题如下：

我正在尝试在 Apache 中设置图像缓存设置。我在 .htaccess 中有以下 1 周的图像缓存：

FileETag MTime Size

ExpiresActive On
<FilesMatch "\.(gif|jpg|jpeg|png)$">
    ExpiresDefault A604800
</FilesMatch>

当我检查 Firefox 开发者控制台的网络选项卡时，这看起来是正确的，但我不明白为什么 请求标头 显示“无缓存”

注意：我删除了与此问题无关的行。

我还使用 PHP 动态地提供一些图像。我为这些图像设置了 2 天的缓存，但同样，响应标头显示“无缓存”。这有什么好担心的吗？刷新 Firefox 时，图像似乎没有被缓存。它们看起来正在重新下载：

任何理解这些标题的帮助将不胜感激。如果有一种简单的方法可以确定是否从缓存中提取图像，我没有看到它。

Answer 1

Pragma 和 Cache-Control 请求标头的含义相同，一个来自 HTTP 1.0，另一个来自 1.1。它用于告诉服务器或进行缓存的代理它需要资源的新版本。它不是为了告诉服务器浏览器不会缓存，或者浏览器不会遵守服务器响应的缓存控制。

最终，服务器可以告诉用户代理“这是资源，将其缓存 1 周”，但这仍然取决于用户代理（例如浏览器）来兑现这一点。它总是可以每次都请求未缓存版本的资源，而不是不发送请求并加载本地缓存的副本。