Настройки для PWA

Шаг №1

Работает так:
1. Загружаете себе на страницу компонент №2415 
2. Открываете настройки (см.скрин)
3. Все настройки делаете под себя.
4. Публикуете страницу
5. Копируете код с публикации
6. В любом редакторе вставляете текст и сохраняете файл с именем manifest.json
7. Загружаете данный файл через инструмент Игоря (https://cr-mod.ru/services/file-hosting)
8. Копируете ссылку и Переходите к шагу №2, она вам там понадобится

{
  "name": "Супер-пупер PWA",
  "short_name": "Супер-пупер PWA",
  "lang": "ru-RU",
  "start_url": "",
  "display": "standalone",
  "theme_color": "rgb(104, 131, 255)",
  "icons": [
    {
      "src": "https://i.1.creatium.io/99/45/db/e5e4a5cce0fbbb5bfdaace105e07df9422/frame_10039.png#%7B%22size%22:%5B600,600%5D,%22quality%22:8%7D",
      "sizes": "600x600",
      "type": "image/png"
    }
  ]
}

Шаг №2

Работает так:
1. Загружаете себе на страницу компонент №2414 
2. Открываете настройки (см.скрин)
3. Все настройки делаете под себя.
4. Публикуете страницу
5. Копируете код с публикации
6. Добавляете в плагины в свой код в <head>

<!-- Ссылка на  maniffest.json -->

<link rel="manifest" href="Мая пэвэашечка">

<!-- Настройки для корректного отображения PWA на телефоне -->

<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="application-name" content="Супер-пупер PWA">
<meta name="apple-mobile-web-app-title" content="Супер-пупер PWA">
<meta name="theme-color" content="rgb(104, 131, 255)">
<meta name="msapplication-navbutton-color" content="rgb(104, 131, 255)">
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- тут тупые настройки, если выбрали прозрачный фон, не забудььте поставить тире после слова black -->
<meta name="msapplication-starturl" content="https://trololo.com">


<!-- Эту историю рекомендую не менять -->

<!-- initial-scale=1 — отвечает за начальное увеличиение. 1 это стандарт -->
<!-- maximum-scale=1 — отвечает за максимальное увеличение. 1 это значит что аппартно увеличивать не будет -->
<!-- user-scalable=0 — отвечет за разрешение менять зум пользователю. 0 означает запрет -->
<!-- viewport-fit=cover — отвечает за отображение. Cover = это значит приложуха будет занимать весь экран без лишний порнографии -->

<meta name='viewport' content='initial-scale=1, maximum-scale=1, user-scalable=0, viewport-fit=cover' />