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

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

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

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

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

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

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

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

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