如何检查浏览器是否缓存了特定资源（例如图像）？

Question

我有一个与Cache-Control: public, immutable一起提供的资源，即我希望该资源存在于浏览器的非首次访问者的缓存中。

（浏览器支持＆＃34;不可变＆＃34;配置偏离主题。）

如何在不触发浏览器加载资源的情况下检查浏览器是否缓存特定资源（例如图像）？

Answer 1

我不知道是否有办法在代码中执行此操作。但是，如果您只是想检查资源是否从缓存中加载，您可以查看评论中建议的@Yani等开发人员工具。

1. 在您的网页上打开开发者工具。 （F12或Ctrl + Shift + I（如果你在Mac上，则为Cmd + Opt + I）。
2. 点击＆＃34;网络＆＃34;标签。
3. 确保复选框＆＃34;禁用缓存＆＃34;未经检查。
4. 重新加载页面（F5或ctrl + r）
5. 在列＆＃34;尺寸＆＃34;的表格中它有一个大小或文本＆＃34;来自磁盘缓存＆＃34;