browser - 如何验证 javascript 和图像是否已被缓存？

Question

我想验证我的浏览器是否缓存了页面中的图像、CSS 和 JavaScript 文件。我使用过 Fiddler 和 Google Page Speed，但不清楚它们是否能够提供我需要的信息。 Fiddler 显示图像、CSS 和 JavaScript 的 HTTP 304 响应，这应该告诉浏览器使用缓存的副本。 Google Page Speed 显示 304 响应，但不显示传输大小为零，而是显示资源的完整文件大小。另请注意，我看到 Google Page Speed 报告了 200 响应，但随后将“缓存”一词放在 200 旁边(因此状态为 200(缓存))，这没有多大意义。

关于如何验证服务器是否在通过上一个页面点击检索和缓存图像、CSS、JavaScript 后发送回图像、CSS、JavaScript，还有其他建议吗？

Answer 1

在浏览器中，HTTP 调试器可能是在您的情况下最容易使用的。尝试使用内置 Dragonfly 的 HTTPFox for Firefox 或 Opera。这两者都表明本地浏览器缓存何时被使用。

如果您似乎获得了冲突的信息，则wireshark/tcpdump将显示对象是否正在下载，因为它正在监视正在传输和接收的实际网络数据包。如果您之前没有查看过网络跟踪，一开始可能会有点困惑。