Манифест веб-приложения , определенный в спецификации манифеста веб-приложения , представляет собой текстовый файл JSON , предоставляющий информацию о веб-приложении.
Чаще всего манифест веб-приложения используется для предоставления информации, необходимой браузеру для установки прогрессивного веб-приложения (PWA) на устройство, например имени и значка приложения.
Манифест веб-приложения содержит один объект JSON, в котором ключи верхнего уровня называются элементами .
Члены В этом разделе перечислены элементы, которые могут отображаться в манифесте.
Все элементы являются необязательными в спецификации, но некоторые приложения требуют присутствия некоторых членов. Например, PWA должны предоставлять определенные элементы манифеста .
фоновый цвет категории описание отображать display_override файловые_обработчики иконки идентификатор launch_handler имя ориентация предпочтительные_связанные_приложения протокол_обработчики связанные_приложения объем скриншоты сервисный работник share_target короткое имя ярлыки start_url тема_цвет Пример манифеста JSON Скопировать в буфер обмена
{
"name": "HackerWeb", "short_name": "HackerWeb", "start_url": ".", "display": "standalone", "background_color": "#fff", "description": "A readable Hacker News app.", "icons": [ { "src": "images/touch/homescreen48.png", "sizes": "48x48", "type": "image/png" }, { "src": "images/touch/homescreen72.png", "sizes": "72x72", "type": "image/png" }, { "src": "images/touch/homescreen96.png", "sizes": "96x96", "type": "image/png" }, { "src": "images/touch/homescreen144.png", "sizes": "144x144", "type": "image/png" }, { "src": "images/touch/homescreen168.png", "sizes": "168x168", "type": "image/png" }, { "src": "images/touch/homescreen192.png", "sizes": "192x192", "type": "image/png" } ], "related_applications": [ { "platform": "play", "url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb" } ]
} Развертывание манифеста Манифесты веб-приложений развертываются на ваших HTML-страницах с помощью <link>элемента в <head>документе:
HTML Скопировать в буфер обмена
<link rel=«manifest» href=«manifest.json» /> Расширение .webmanifestуказывается в разделе регистрации типа носителя спецификации (ответ файла манифеста должен возвращать Content-Type: application/manifest+json). Браузеры обычно поддерживают манифесты с другими соответствующими расширениями, такими как .json( Content-Type: application/json).
Если для получения манифеста требуются учетные данные, crossoriginдля атрибута должно быть установлено значение use-credentials, даже если файл манифеста находится в том же источнике, что и текущая страница.
HTML Скопировать в буфер обмена
<link rel=«manifest» href=«/app.webmanifest» crossorigin=«use-credentials» /> Заставки В некоторых браузерах и операционных системах при запуске установленного PWA отображается заставка. Этот экран-заставка создается автоматически, и его внешний вид определяется членами манифеста веб-приложения, а именно:
name background_color icons