Задать вопрос

Как добавить такую же иконку (как на скриншоте) на создание ссылки на сайт как на приложение в Chrome?

5dc1c8ac51c40264253648.png
Смотрел в исходнике, пытался сделать через manifest.json - не получилось.
  • Вопрос задан
  • 94 просмотра
Подписаться 2 Простой Комментировать
Решения вопроса 1
sattellite
@sattellite
JS-программист
Сам сайт должен удовлетворять требованиям PWA. Надо добавить файл manifest.json https://developer.mozilla.org/en-US/docs/Web/Manifest

В нем обязательно должны быть указаны эти поля:
  • С обязательным именем приложения (short_name или name)
  • Указаны иконки (icons)
  • Стартовой ссылкой на открытие приложения (start_url)
  • Формат окна при открытии приложения (display)


А также должен быть установлен ServiceWorker, который умеет обрабатывать установку.
Пример полной реализации вот тут https://web.dev/codelab-make-installable/

Подробнее тут можно почитать https://web.dev/discover-installable/
https://developers.google.com/web/fundamentals/app...
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы