Online Tool Store
Генератор манифеста PWA
Создайте манифест веб-приложения PWA (manifest.json) с именем, коротким именем, стартовым URL, режимом отображения и цветами темы и фона.
🔒 Этот инструмент работает полностью в вашем браузере. Ваши файлы никогда не загружаются на сервер.
manifest.webmanifest
Показан пример — после копирования добавьте в проект собственные записи иконок.
Как работает генератор манифеста PWA
- Укажите идентификацию приложения, стартовый URL, режим отображения и цвета.
- Просматривайте создаваемый JSON по мере изменения значений.
- Скопируйте его в файл манифеста и подключите этот файл на своём сайте.
Манифест веб-приложения — это метаданные в формате JSON. Браузеры используют поля вроде name, start_url, display и theme_color, чтобы единообразно представлять устанавливаемое веб-приложение.
FAQ
Что такое манифест веб-приложения?
Это файл JSON, который сообщает браузерам, как сайт должен выглядеть и запускаться, когда он установлен как приложение.
Создаёт ли этот инструмент иконки?
Нет. В нём есть пример записи иконки; создайте и добавьте собственные файлы иконок.
Сделает ли это мой сайт PWA?
Нет. Service worker и другие требования к установке всё равно нужно настроить в вашем проекте.
Как добавить созданный манифест на мой сайт?
Скопируйте JSON и сохраните его как manifest.json в корневой папке сайта, затем подключите его в <head> вашего HTML с помощью <link rel="manifest" href="/manifest.json">.
В чём разница между полями имя и короткое имя?
"name" — это полное название приложения, которое показывается в запросе на установку и в списке приложений; "short_name" — это более короткая подпись под значком на главном экране, где мало места.
Как мы выглядим на фоне других
| Возможность | Online Tool Store | PWABuilder | JSON вручную |
|---|---|---|---|
| Предпросмотр манифеста в реальном времени | ✓ | ✓ | Вручную |
| Аккаунт не нужен | ✓ | ✓ | ✓ |
Для небольшого черновика манифеста без полноценного PWA-процесса эта страница держит основные поля и результат вместе.