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

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

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

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

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

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

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

Эта функция доступна в средах Android (Chrome 109) и настольных компьютерах (Chrome 110). Поделитесь своим мнением .