PWA: отладка прогрессивных веб-приложений | Chrome DevTools | Chrome for Developers

Excerpt

Используйте панель приложений для проверки манифестов, сервис-воркеров и хранилища

Проверка манифеста

1. Перейдите на вкладку «Манифест» .
2. Проверьте содержимое манифеста.
3. В разделе «Идентификация» проверьте значения name , short_name и start_url .
4. В разделе «Презентация» проверьте значения display , orientation и theme_color .
5. В разделе «Значки» проверьте, что все значки имеют правильные размеры и форматы.

Отладка сервис-воркеров

1. Перейдите на вкладку «Сервис-воркеры» .
2. Проверьте статус сервис-воркера.
3. Используйте кнопки «Остановить» , «Обновить» и «Удалить» для управления сервис-воркером.
4. Установите флажок «Офлайн» , чтобы симулировать офлайн-режим.
5. Установите флажок «Обновить при перезагрузке страницы» для автоматического обновления.