Конвертеры и генераторы кода

Комплект PWA

Всё, что превращает сайт в устанавливаемое приложение: манифест с иконками и быстрыми действиями, теги для head, service worker со стратегиями кэширования и разбор чужого манифеста.

Приложение

Название

Короткое имя

До 12 символов — подпись под иконкой

Описание

Стартовый адрес

Метка источника покажет в аналитике запуски из приложения

Область

Адреса вне её откроются обычной вкладкой

Как открывать

Ориентация

Цвет строки состояния

Цвет заставки при запуске

Папка с иконками

Язык

Категории

Через запятую, можно пусто

Идентификатор

Можно пусто — тогда им станет стартовый адрес

Быстрые действия

По одному в строке: Название | /путь

Добавить maskable-иконку Заготовки скриншотов для витрины

manifest.webmanifest

Короткое имя — до 12 символов, иначе его обрежут на домашнем экране

Теги в head

<link rel="manifest" href="/manifest.webmanifest">
<meta name="theme-color" content="#0f172a">
<link rel="apple-touch-icon" href="/icons/icon-192.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">