PassFront
  1. PassFront
  2. База знаний
  3. Продвинутые темы

Зачем нужен manifest.json?

Продвинутые темы

`manifest.json` нужен для Progressive Web Apps (PWA): он описывает метаданные приложения (имя, иконки, цвета, режим отображения), позволяя установить сайт как приложение на устройство.

Что это

Web App Manifest — JSON-файл с метаданными веб-приложения, который браузер использует, когда пользователь «устанавливает» сайт (добавляет на главный экран):

{
  "name": "Моё приложение",
  "short_name": "App",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#6b46ff",
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
  ]
}

Подключение

<link rel="manifest" href="/manifest.json">

Поля

  • name / short_name — название приложения.
  • icons — иконки для главного экрана.
  • start_url — стартовый URL при запуске.
  • display — режим (standalone — без адресной строки, как нативное; fullscreen, browser).
  • theme_color / background_color — цвета интерфейса/сплэш-экрана.

Зачем нужен

  • Установка как приложение — иконка на главном экране, запуск без адресной строки.
  • Нативный вид — сплэш-экран, цвета, полноэкранный режим.
  • Часть PWA — вместе с Service Worker (офлайн) даёт «приложение».

Коротко для собеседования

manifest.json (Web App Manifest) описывает метаданные PWA: имя, иконки, start_url, display (standalone — как нативное), цвета. Позволяет установить сайт как приложение (иконка на экране, запуск без адресной строки, сплэш-экран). Подключается через <link rel="manifest">, часть PWA вместе с Service Worker.

Другие вопросы раздела