Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Featured Replies

Posted

Нашел тут новую для меня опцию на сайте 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

  • Replies 58
  • Просмотров 9k
  • Created
  • Последний ответ

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

Most Popular Posts

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

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

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

Posted Images

  • Author
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 и в манифесте, а не в скриптах, вроде как. и, знаю точно, что эта страница даёт создавать приложение для телефона. мб и для пк как-то можно. а мб у них своё что-то стоит. 

  • Author

Почитал мануал 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

  • Author

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

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

Edited by Zero108

  • Author

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

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

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

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

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

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

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

  • Author

the.bunin chrome://apps

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

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

Edited by Zero108

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

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

chrome://apps

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

  • Author

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

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.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.