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

我有一个与

缓存控制一起使用的资源：public，immutable

，即我希望该资源存在于浏览器的缓存中，供非首次访问的用户使用

（浏览器对“不可变”配置的支持与主题无关。）

---

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

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

在您的网页上打开开发人员工具。（F12或Ctrl+Shift+I（如果您在Mac上，则为Cmd+Opt+I）

单击“网络”选项卡

确保未选中“禁用缓存”复选框

重新加载页面（F5或ctrl+r）

在“size”列的表中，它有一个大小或文本“from disk cache”

---

我不知道是否有一种方法可以在代码中实现这一点。但如果您只想检查资源是否从缓存加载，您可以检查开发人员工具，如注释中建议的@Yani

在您的网页上打开开发者工具。（F12或Ctrl+Shift+I（如果您在Mac上，则使用Cmd+Opt+I）

单击“网络”选项卡

确保未选中“禁用缓存”复选框

重新加载页面（F5或ctrl+r）

在“size”列的表中，它有一个大小或文本“from disk cache”

---

只是出于好奇-如果您担心的话，为什么会这样？不幸的是，没有用于检查资源是否缓存的JavaScript API。您需要从JavaScript中了解它？否则-开发人员工具将完成这项工作。@jswaldon

ServiceWorker

，

Cache

？“您需要从JavaScript中了解它吗？”来自JavaScript。我知道开发工具提供了这些信息。它甚至说缓存是来自内存还是磁盘。只是出于好奇-如果你担心的话，为什么会这样？不幸的是，没有JavaScript API来检查资源是否缓存。你需要从JavaScript中了解它？否则-开发工具将完成这项工作。@jswaldon

ServiceWorker

，

Cache

？“您需要从Javascript中了解它？”来自Javascript。我知道开发工具提供了这些信息。它甚至说缓存是来自内存还是磁盘。问题被标记。问题被标记。