Web App Manifest Generator
Создавайте манифест PWA manifest.json со всеми необходимыми полями.
Значки
Поместите значки приложения в каталог /icons/. Рекомендуемые размеры: 192×192 и 512×512 PNG файлы.
manifest.json
{
"name": "My App",
"short_name": "App",
"description": "A progressive web application.",
"start_url": "/",
"display": "standalone",
"theme_color": "#4f46e5",
"background_color": "#ffffff",
"orientation": "any",
"scope": "/",
"lang": "en",
"icons": [
{
"src": "/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}Об этом инструменте
Манифест веб-приложения — это файл JSON, который сообщает браузерам, как отображать прогрессивное веб-приложение на устройстве пользователя. Он определяет существенную информацию, такую как название вашего приложения, стартовый URL, режим отображения, значки и цвета темы, позволяя вашему веб-приложению устанавливаться и запускаться как нативное приложение на телефонах, планшетах и настольных компьютерах.
Этот генератор помогает создать полный файл manifest.json, просто заполнив сведения о вашем приложении. Вы настраиваете поля, такие как режим отображения (автономный или полноэкранный), параметры ориентации, язык, область действия и цветовую схему, а затем загружаете или копируете созданный JSON в корневой каталог вашего проекта. Инструмент автоматически включает заполнители конфигурации значков и обеспечивает правильное форматирование всех необходимых свойств манифеста веб-приложения W3C.
Манифесты веб-приложений необходимы для разработки PWA (Progressive Web Application) и повышают обнаруживаемость в app store iOS и Android. Разработчики, создающие одностраничные приложения, веб-инструменты или сайты с поддержкой офлайн-режима, получают наибольшую пользу от этого инструмента, так как он обеспечивает быстрое создание манифеста без ручного написания синтаксиса JSON.
Часто задаваемые вопросы
Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.