Jump to content

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

Featured Replies

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

804147693_Forums-forum.invisionize.pl-SupportInvisionCommunity(IPS4IP.Board)-GoogleChrome.jpg.af3af58c1870cc15eb1bb2a371eafb84.jpg

Если её кликнуть, то в браузере появляется что-то вроде закладки (ссылка на сайт) в разделе Приложения. Удалить оттуда приложение не так просто. Нужно набрать в браузере 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

Edited by Zero108

Link to comment
https://ipbmafia.ru/topic/24658-kak-dobavit-prilozhenie-dlya-brauzera-v-svoj-sajt/
Share on other sites
  • Replies 58
  • Created
  • Последний ответ
Expand topic overview

Лучшие авторы в теме

Лучшие авторы в теме

Most Popular Posts

by_ix
by_ix

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

by_ix
by_ix

@Zero108 /admin/?app=core&module=customization&controller=icons скорее всего, оно лежит тут. а можно и нет. 

Zero108
Zero108

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

Posted Images

Expand topic overview

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

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

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

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

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

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

1149094843_IconsLogos-GoogleChrome.thumb.jpg.6858f298991e236046badc282035f46f.jpg

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

1665962436_view-sourcehttpstrips_a108.net-GoogleChrome.thumb.jpg.e3418bd36c98e9183ed7e0d9dc8d6009.jpg

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

 

 

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

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

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

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

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

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

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

Ссылка в коде страницы уже есть по умолчанию: 731726648_view-sourcehttpstrips_a108.net-GoogleChrome.thumb.jpg.a60b7ced09f83d158c8e34c411b9348e.jpg

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

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

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

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

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

Edited by Zero108

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

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

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

screencapture-trips-a108-net-admin-2022-07-28-20_09_44.thumb.png.b5621df1f2f750de41b11d14b1f090d5.png

Edited by Zero108

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

321.PNG.c957d09224a8a38eadc52e67e313966e.PNG

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

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

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

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

4057629_VIDEOSwithtripsaroundtheworld.-Videos-Trips_a108_net.thumb.jpg.d974d7afd15c27eadc5dbeb666bea8e0.jpg

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

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

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

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

the.bunin chrome://apps

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

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

Edited by Zero108

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

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

chrome://apps

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

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

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

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

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

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

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

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

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

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

 

Edited by Zero108

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.