Html 资源状态 - 来自缓存与未修改 - 在谷歌浏览器 DOM 分析器中

Question

在 google chrome 中，我在启用 DOM 检查器 (F12) 后转到 asp.net 网站 url。如果我选择“网络”选项卡，我可以看到请求的资源及其状态、时间线等。在后续请求中，我看到一些元素的状态显示“304 未修改”，有些显示“(来自缓存)”，包括.js、.css 和图像文件。

我在想所有的 css 和图像都被缓存了，至少如果我立即请求页面。这两个状态消息是否相同，谁能解释一下？

Answer 1

我猜想区别在于 304 表示浏览器发送了请求，服务器 表示资源没有改变，而 来自缓存 状态可能表明 Chrome 甚至没有发送请求——浏览器无需联系服务器就知道使用缓存。

这可以通过像 Fiddler 这样的工具来验证，以查看是否曾经请求过来自缓存的资源。