studio

Web App Manifest: иконки, theme_color и «Добавить на экран»

Web App Manifest: иконки, theme_color и «Добавить на экран»

Manifest описывает имя приложения, иконки, цвета UI и режим отображения; браузер использует его для баннера установки и splash screen.

Maskable icons с safe zone нужны для Android adaptive icons — без них логотип обрежется.

- [Add a web app manifest — web.dev](https://web.dev/articles/add-manifest) — Поля manifest и примеры.

- [Web App Manifest — MDN](https://developer.mozilla.org/en-US/docs/Web/Manifest) — Справочник свойств.

---

## Install criteria

Для install prompt нужны HTTPS, manifest, SW и иконки заданных размеров — проверяйте в Lighthouse PWA audit.

start_url должен быть в scope manifest, иначе установленное приложение откроет не тот entry point.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.