Как проверить предварительное кэширование с помощью Workbox? - PullRequest
0 голосов
/ 20 июня 2020

Как мы узнаем, использует ли наш веб-сайт ресурсы из кеш-хранилища? Как только мы храним активы в кеш-хранилище. Использует ли веб-сайт эти ресурсы навсегда, пока мы не изменим ревизии для новейших ресурсов?

1 Ответ

0 голосов
/ 25 июня 2020

Вы можете использовать инструменты разработчика браузера, чтобы проверить, что происходит с сетевыми запросами.

В официальных документах есть различные темы, помогающие в отладке и настройке кеша Workbox:

Захват консоли devtools, показывающий, что делает Workbox (при настройке в режиме отладки):

Workbox console debug

Capture of the devtools network tab:

enter image description here

Some extra info for the image above:

  • A cog (red square) indicates that a ServiceWorker performed a request to the indicated resources (via fetch , XMLHttpRequest ).
  • Если в столбце Размер (фиолетовый квадрат) не отображается размер в числа, это означает, что запрос был обработан из кеша (будь то кеш памяти, дисковый кеш, кеш приложения ...).
...