Javascript 缓存名称未显示在缓存存储器内

我已经定义了缓存映像的workbox路由，但它在缓存存储中不可见。但是，即使在脱机模式下，映像也会被缓存并从磁盘缓存提供服务

我遵循了文档并完成了其中提到的所有内容。但缓存仍然不可用

已编辑

workbox.routing.registerRoute(
     /\.(?:png|gif|jpg|jpeg)$/,
     new workbox.strategies.CacheFirst({
            cacheName: 'images-cache'
     })
  );

   workbox.routing.registerRoute(
     new RegExp(/.*user\/getAll/),
     new workbox.strategies.StaleWhileRevalidate({
      cacheName: 'api-cache'
     })
   );

---

我觉得你有点误解：）

第一幅图像仅显示缓存API中保存/缓存的缓存的名称。如果单击“api缓存”或“workbox-precache-v2…”，您将在右侧看到缓存中的内容。这些是缓存名称，而不是缓存的内容

第二幅图显示了对文件1327-m.jpg发出的网络请求。该文件是从浏览器的磁盘缓存中找到的，并从那里提供服务。在脱机模式下，如果网络请求未成功，则不会显示状态代码200–您也不会在页面上看到图像。那么这个磁盘缓存是什么呢？浏览器有不同种类的缓存。第二张图片上显示的网络面板没有显示缓存API提供的缓存（“API缓存”等）。相反，网络面板会显示浏览器实际获取文件的位置。在这种特殊情况下，它是从磁盘上获取的，这意味着它是从硬盘上读取的。其他可能的值包括“内存缓存”和“ServiceWorker”。浏览器将文件存储在不同的位置，“网络”面板上的信息将向您显示从何处获取文件并在页面上使用

这对你来说更清楚了吗

---

（那么什么是内存缓存呢？这是一种速度更快的缓存，它将文件放在RAM中。磁盘比内存慢，有时浏览器决定将文件放在磁盘上，而不是更快的内存缓存。您自己无法控制这一点，浏览器可以完全控制。它通常使用试探法，如文件的新鲜度和最近使用情况）

谢谢，我编辑了我的问题以使其更清楚。我在

sw.js

文件中定义了两条路由。这两条路由都有自己的自定义名称，但“图像缓存”没有显示在内部缓存中。因此，困扰我的是为什么

api缓存

会显示，但

图像缓存

不会显示