Кэш среды выполнения сервис-воркера

Я создаю прогрессивное веб-приложение, используя сервисных работников, и я использую набор инструментов сервисного работника для кэширования своего контента. Код сервисного работника для кэширования моего контента:

toolbox.router.get('/(.)', toolbox.fastest);
toolbox.router.post('/(.)', toolbox.fastest);
toolbox.router.get('/(.)', toolbox.fastest, {origin: 'https://example.cloudfront.net'})
toolbox.router.get('/(.)', toolbox.fastest, {origin: 'https://example.in'})

Код работает нормально, так как я не вижу никаких ошибок в консоли. Но как я могу проверить, кэшируются ли изображения из облачного фронта или URL-адреса, настроенные выше, и отображаются ли они из самого кеша.


caching progressive-web-apps service-worker sw-toolbox
person Uday Khatry    schedule 28.05.2016    source источник

Ответы (3)


arrow_upward
4
arrow_downward

Вы можете проверить содержимое кеша в chrome devtools, посмотреть вкладку ресурсы/приложение и хранилище кеша.

Вы проверяете, что он возвращен, смотрите в сетевой панели devtools и ищете «(от ServiceWorker)» в столбце размера.

person Matt Gaunt    schedule 28.05.2016
comment
Я считаю, что это не верный способ узнать, исходит ли файл из кеша. Что, если выбрана стратегия «Сеть прежде всего». Вы всегда будете видеть «от сервисного работника» в столбце размера инструментов разработчика. - person Vivek Pratap Singh; 29.05.2016
comment
Привет Гаунт, спасибо за ответ. Итак, когда я предварительно кэширую свои файлы, я могу видеть все файлы, которые кэшируются на вкладке ресурсов (панель ресурсов инструментов разработчика) под кешем. Но когда дело доходит до кэширования во время выполнения, смогу ли я увидеть файлы на вкладке ресурсов? - person Uday Khatry; 30.05.2016
comment
Да, вы также можете увидеть активы времени выполнения там - person Matt Gaunt; 31.05.2016

arrow_upward
0
arrow_downward

Еще один вариант: если вы хотите подтвердить, вам следует использовать console.log() в функции, из которой вы получаете данные кеша, а затем вы можете проверить в DevTools.

person Ghanshyam sharma    schedule 30.05.2016

arrow_upward
0
arrow_downward

Вы можете проверить это в Chrome Developers Tool

Press F12 -> Application -> Cache Storage in Cache

Если вы не видите его, обновите хранилище кеша, щелкнув правой кнопкой мыши хранилище кеша.

person Sakshi Nagpal    schedule 27.11.2017