Задать вопрос
Rastishka
@Rastishka
html

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

5dc1c8ac51c40264253648.png
Смотрел в исходнике, пытался сделать через manifest.json - не получилось.
  • Вопрос задан
  • 95 просмотров
Комментировать
Подписаться 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...
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend разработчик на React
SkillsRock • Таганрог
от 60 000 до 90 000 ₽
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack Developer под Wordpress
Future Search
от 100 000 до 150 000 ₽
Ещё вакансии