Как добавить приложение для браузера в свой сайт?

[Zero108]

Нашел тут новую для меня опцию на сайте https://forum.invisionize.pl/ - в адресной строке браузера появляется опция "Создать приложение" для сайта. 

Если её кликнуть, то в браузере появляется что-то вроде закладки (ссылка на сайт) в разделе Приложения. Удалить оттуда приложение не так просто. Нужно набрать в браузере chrome://app и там удалять это "приложение - ссылку". Из меню браузера это удалить нельзя. Так вот вопрос, как это добавить на свой сайт, как сделать, чтобы при заходе на сайт пользователи видели такую же кнопку в адресной строке браузера?

Пытаюсь добавлять в globalTemplate перед </body> скрипт вида:

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "https://coder.com",
    "name": “Coder”,
    "description": “Platform to learn code”
}
</script>

Не получается. Есть у кого-то готовое решение или подсказка?

 

Может кто плагин сделат? 

@Desti

Изменено 28 июля, 2022 пользователем Zero108

[by_ix]

@Zero108 /admin/?app=core&module=customization&controller=icons

скорее всего, оно лежит тут. а можно и нет. 

[Zero108]

Мне показалось, что иконка в браузере стандартная, от браузера. В другом браузере другая иконка.

[Zero108]

3 часа назад, by_ix сказал:

/admin/?app=core&module=customization&controller=icons

Заполнил для теста:

В коде и до этого было вот это:

Иконка в браузере в адресной строке не появилась.

 

 

Может я не в ту сторону ищу?

[by_ix]

23 минуты назад, Zero108 сказал:

Заполнил для теста:

эти настойки дрожны появиться в теге head и в манифесте, а не в скриптах, вроде как. и, знаю точно, что эта страница даёт создавать приложение для телефона. мб и для пк как-то можно. а мб у них своё что-то стоит. 

[Zero108]

Почитал мануал https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Add_to_home_screen

Нужо создать манифест и добавить в него что-то типа https://forum.invisionize.pl/manifest.webmanifest/

А в коде страницы добавить ссылку на этот манифест.

Ссылка в коде страницы уже есть по умолчанию: 

Но ссылка не рабочая: https://trips.a108.net/manifest.webmanifest/

Как это все сделать, чтобы работало?

UPD
Посмотрел повнимательнее.

В коде стоит https://trips.a108.net/manifest.webmanifest/ - не открывается.

А вот так открывается (без слеша в конце ссылки): https://trips.a108.net/manifest.webmanifest

Изменено 28 июля, 2022 пользователем Zero108

[by_ix]

Zero108 проверил у себя, значок есть этот с браузера на пк. значит это именно то, что я выше кидал.

[Zero108]

by_ix Можете прислать скриншоты настроек в АЦ, как настроить?

[by_ix]

Zero108 

Спойлер

 

[Zero108]

by_ix я сделал как у вас, иконка в адресной строке хрома и эджа на появилась. Можно посмотреть по ссылке в моем профиле сайт. Можете прислать скриншот с вашего сайта, где видно, что в адресной строке браузера у вас появилась иконка приложения? И версию браузера.

Изменено 28 июля, 2022 пользователем Zero108

[by_ix]

Zero108 кэш в браузерах почистить нужно.

[Zero108]

Не сразу, но повилось у меня тоже. Кеш почистил в браузере, потом через 1-2 минуты появилось. Может связано с Redis, может с Cloudflare.

[Mano]

Zero108 а для чего эта фича, не пойму?

[Zero108]

the.bunin добавляет ссылку на сайт в разделе Приложения браузера или ярлык .lnk на рабочий стол Windows.

По ссылке с рабочего стола открывается в отдельном окне, как настроено. Если выбрано в настройках Standalone, то будет открываться так:

[Mano]

8 минут назад, Zero108 сказал:

the.bunin добавляет ссылку на сайт в разделе Приложения браузера или ярлык .lnk на рабочий стол Windows.

По ссылке с рабочего стола открывается в отдельном окне, как настроено. Если выбрано в настройках Standalone, то будет открываться так:

В целом понял, прикольно) Только вот о каком браузере идёт речь то? Просто может я нуб конечно, но где Приложения браузера в хроме? Знаю только расширения

[Zero108]

the.bunin chrome://apps

В Edge есть отдельное меню: Приложения (Apps).

При чем Windows запоми нает положение окна при клике ссылки и потом открывает окно с тем же размером именно в этом месте.

Изменено 28 июля, 2022 пользователем Zero108

[by_ix]

the.bunin я себе для телефонов делал. создаёшь ярлык на экране, чтоб он открывался не в браузере, а в отдельном приложении (браузерном).

4 минуты назад, Zero108 сказал:

chrome://apps

в хроме можно добавить кнопку приложений в панели закладок, чтоб не переходить по этой ссылке постоянно.

[Zero108]

by_ix Так до конца и не понял, почему не появилась кнопка на другом сайте. Сделал все также. Кеш в браузере и в АЦ чистил. https://cars.a108.net/

[by_ix]

Zero108 куки очистить можно ещё. я уже не помню, что я чистил, когда включал у себя.

[Zero108]

by_ix Разобрался. Обязательно должна быть добавлена картинка в поле Application icons. Невнимательно смотрел, добавил в поле выше. 

[Zero108]

by_ix а руками как это создается, для обычного сайта? У меня есть сайты на Битриксе. Там пока не разобрался.

[by_ix]

Zero108 да, файл манифеста добавить просто нужно в корень.

[Zero108]

by_ix Я пробовал в редакторе текстовом добавить данные и загрузить его на сервер. Образец может неправильно сделал. В Invision Community этот manifest хранится не в виде файла в корне. Где взять образец?

[by_ix]

Zero108 пример можно посмотреть тут: https://trips.a108.net/manifest.webmanifest

[Zero108]

by_ix Вроде еще ссылка нужна в globalTemplate 

<link rel="manifest" href="https://trips.a108.net/manifest.webmanifest/">

 

Изменено 28 июля, 2022 пользователем Zero108