Не регистрируется сервис-воркер, управляющий страницей и start_url
Published on • Updated on
Регистрация сервис-воркера — это первый шаг к реализации основных функций прогрессивного веб-приложения (PWA), таких как:
- офлайн-работа;
- поддержка push-уведомлений;
- возможность установки на устройство.
Подробнее см. в статье Сервис-воркеры и Cache Storage API.
Совместимость с браузерами
Сервис-воркеры поддерживаются во всех основных браузерах, за исключением Internet Explorer; см. Совместимость с браузерами.
В каких случаях проверка сервис-воркера в Lighthouse завершается неудачей
Lighthouse помечает страницы, которые не выполняют регистрацию сервис-воркера:
![Проверка Lighthouse показывает, что сайт не выполняет регистрацию сервис-воркера](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/URqaGD5akD2LNczr0jjQ.png?auto=format)
Lighthouse проверяет, возвращает ли Chrome Remote Debugging Protocol номер версии сервис-воркера. Если этого не происходит, проверка завершается неудачей.
In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).
Как зарегистрировать сервис-воркер
Workbox is the recommended approach for adding service workers to websites because it automates a lot of boilerplate, makes it easier to follow best practices, and prevents subtle bugs that are common when using the low-level ServiceWorker
API directly.
Для регистрации сервис-воркера требуется всего несколько строк кода, но смысл в ней есть только в том случае, если вы собираетесь реализовать одну из функций PWA, перечисленных выше. Это потребует более серьезных усилий:
- Чтобы узнать о кешировании файлов для использования в офлайн-режиме, см. статью Что такое надежность сети и как ее измерить.
- Чтобы узнать, как обеспечить возможность установки приложения, см. интерактивный урок Добавление возможности установки.
- Чтобы узнать, как добавить push-уведомления, см. интерактивный урок Добавление push-уведомлений в веб-приложение, созданный Google.
Ресурсы
Updated on • Improve article