Базовая автономная страница для веб-приложений на Chrome Android

Установленные приложения платформы можно запускать даже в автономном режиме. В этой ситуации они часто включают страницу, сообщающую пользователю, что доступ в Интернет недоступен. Некоторые разработчики даже создают полный набор функций, которые можно использовать в автономном режиме.

В веб-приложениях появилась возможность работать в автономном режиме; это стало возможным с запуском Service Worker API . Кроме того, когда веб-сайты стали доступны для установки, PWA добавила требование зарегистрировать сервис-воркера и реализовать его метод fetch() , чтобы веб-приложение можно было установить. Идея заключалась в том, чтобы побудить разработчиков предоставить своим пользователям хотя бы уведомление о том, что приложение в данный момент невозможно использовать.

Теперь разработчикам не нужно будет ничего делать, чтобы получить автономную страницу по умолчанию. Начиная с Chrome 109 на Android, браузер автоматически генерирует страницу, которая позволяет пользователю узнать, когда он находится в автономном режиме.

Если приложение не реализует настраиваемый режим работы в автономном режиме, когда пользователь находится в автономном режиме, на странице автономного режима по умолчанию используется значок приложения и простое сообщение «Вы находитесь в автономном режиме ». Как в примере ниже.

Автономная страница по умолчанию для примера веб-приложения, где логотип представляет собой розовый кружок и два знака плюса, а также включает сообщение «вы не в сети».

Посетите этот глюк , чтобы увидеть предыдущий пример в действии.

Возможность создать собственную автономную страницу по-прежнему доступна. В следующем видео показано, как обслуживать вашу пользовательскую страницу с помощью Workbox с помощью одной строки кода.

Эта функция доступна на Android (Chrome 109) и настольных компьютерах (Chrome 110). Если у вас есть какие-либо отзывы, отправьте их нам через эту форму

Фото Стена Риттерфельда на Unsplash