Перейти к содержанию
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.
Мои данные приложения загружены где-нибудь?
Нет. Манифест собирается полностью в вашем браузере из полей, которые вы заполняете — информация о вашем приложении нигде не отправляется на сервер.