Перейти до вмісту
100% локально

Генератор веб-маніфесту

Створіть коректний manifest.json для вашого прогресивного веб-додатку з назви, піктограм, кольорів та параметрів відображення.

Вихід

Генератор веб-маніфесту

Веб-маніфест розповідає браузерам та операційним системам, як повинен виглядати та поводитися ваш прогресивний веб-додаток після встановлення — його назва, набір піктограм, кольори та відкривається в окремому вікні чи вкладці браузера. Цей інструмент створює manifest.json з набору полів, тому вам не потрібно пам'ятати точну структуру JSON або шукати необхідні ключі.

Заповніть назву програми та коротку назву, затім установіть режим відображення (standalone — звичайний вибір для програми, яка повинна виглядати як рідна), орієнтацію та кольори теми та фону, які керують екраном-заставкою та хромом браузера на Android. Додайте піктограми як один запис у рядку або розділені крапками з комою у формі src|sizes|purpose — наприклад /icon-512.png|512x512|any — і інструмент автоматично визначить тип MIME за розширенням файлу. Ярлики (записи списку переходів, такі як "Написати" або "Вхідні") та посилання на пов'язані рідні програми дотримуються того ж скорочення в стилі src|sizes|purpose, кожне поле розділене трубою.

Інструмент перевіряє поля під час вводу: він помічає відсутню назву програми перед створенням чого-небудь та попереджає — без блокування виходу — коли в наборі піктограм відсутній запис 192x192 або 512x512, оскільки перевірки встановлення на Android та настільній комп'ютері шукають саме ці розміри, або коли піктограма пропустила свій розмір взагалі.

Усе працює локально у вашому браузері; інформація про вашу програму нікуди не відправляється. Вихід — це вміст manifest.json, за яким слідує тег <link rel="manifest">, який вставляється у <head> вашої сторінки. Скопіюйте його, завантажте як файл .txt для самостійного перейменування або відправте прямо на вхід іншому інструменту.

FAQ

Які поля насправді потрібні маніфесту?
Для цього інструменту суворо потрібна лише назва (або short_name). На практиці браузери також хочуть мати принаймні піктограму 192x192 та 512x512, перш ніж вони запропонують встановити програму — інструмент попередить, якщо їх немає.
Як мені форматувати поле піктограм?
Одна піктограма на запис, розділені крапкою з комою або новим рядком, у формі src|sizes|purpose — наприклад /icon-192.png|192x192|any. Розміри та призначення необов'язкові, але опущення розмірів спричиняє попередження.
Що робить prefer_related_applications?
Це каже браузеру пропонувати рідну програму, зазначену в пов'язаних додатках, замість встановлення веб-програми. Він з'являється у виводі лише після того, як ви додасте принаймні один пов'язаний додаток.
Де мені зберегти створений файл?
Збережіть частину JSON як manifest.json у корені вашого сайту (або там, де ви віддаєте перевагу, регулюючи href посилання для зіставлення), і вставте створений тег <link> у <head> вашого HTML.
Мої дані програми завантажені десь?
Ні. Маніфест збирається повністю у вашому браузері з полів, які ви заповнюєте — інформація про вашу програму нігде не відправляється на сервер.