Работает так:
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"
}
]
}
Работает так:
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' />