Имя кеша не отображается внутри кеша - PullRequest
Новая
       41

Имя кеша не отображается внутри кеша

0 голосов
/ 08 июля 2019

Я определил маршрут рабочей коробки для кэширования изображения, но он не был виден внутри кэш-памяти.Однако изображение кэшируется и отправляется с disk cache даже в автономном режиме.

Я следовал документации и делал все, что там упоминалось.Но все же, кеш недоступен.

enter image description here

enter image description here

отредактировано 

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'
     })
   );

1 Ответ

0 голосов
/ 08 июля 2019

Я думаю, у вас есть небольшое заблуждение:)

Ваше первое изображение показывает только имена кэшей, сохраненных / кэшированных в Cache API.Если вы нажмете «api-cache» или «workbox-precache-v2 ...», вы увидите, что внутри этого кэша справа.Это имена кешей, а не их содержимое.

Ваше второе изображение показывает сетевой запрос, который был сделан для файла 1327-m.jpg.Этот файл был найден из дискового кэша браузера и отправлен оттуда.В автономном режиме сетевой запрос не будет отображать код состояния 200, если он не будет успешным - вы также не увидите изображение на странице.Так что же это за дисковый кеш ?В браузере есть разные виды кешей.Панель сети, показанная на втором изображении, НЕ показывает кеши, предоставляемые Cache API («api-cache» и т. Д.).Вместо этого сетевая панель показывает вам, где браузер на самом деле получил файл.В этой конкретной ситуации он получил его с диска, что означает, что он читает его с жесткого диска.Другие возможные значения включают, например.«кэш памяти» и «ServiceWorker».Браузер хранит файлы в разных местах, а информация на сетевой панели показывает, откуда они их вернули для использования на странице.

Это делает его более понятным для вас?

(Так что же такое кэш-память? Это более быстрый кэш, он имеет свои файлы в оперативной памяти. Диск на медленнее , чем память, и иногда браузер решает поместить файлы на диск вместо более быстрого кеш-памяти. не может контролировать это самостоятельно, браузер полностью контролирует. Обычно он использует эвристику, такую ​​как свежесть и недавнее использование файла.)

...