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