Как показывать кнопку только устройствам на Android ???

[alexakap]

Всем привет! Я сделал PWA для сайта. Теперь есть задача, чтобы показывать кнопку установки приложения только пользователям с android, т.к. на iOS работать все-равно не будет
Кто подскажет такой код?

[Val_Ery]

Так через window.navigator (user Agent и platform) ... Не пробовали?
Обычный javascript. С достаточно высокой вероятностью устройства на iOS определите, дальше - по условию настраиваете отображение.

В сети много всяких скриптов. Есть простые (чтобы просто показать, с какого устройства заходит посетитель - винда, Линукс, мак, айфон...), а есть целые комбайны, определяющие оси (чуть ли не с вин 3.11 и до смарт-телевизоров), браузеры, разрешения экранов, плотность пикселей и пр.

[alexakap]

Так через window.navigator (user Agent и platform) ... Не пробовали?

Не пробовал, надо погуглить. У меня с javascript не очень. Пробовал готовый код из сети, пока ничего рабочего не нашел

[Val_Ery]

alexakap,
Примерно так (картинка кликабельна):

(нажмите чтобы показать/скрыть)

Я просто открыл в веб инспекторе консоль, задал переменную, и, сдетектировав свою платформу, задал свойство display: none для кнопочки "Спасибо". Результат - если набранное в консоли владелец sbup.com разместит в скриптах сайта, посетители с ОС Линукс не смогут никому сказать Спасибо

Остается только поискать в сети, какое значение платформ выбрасывает навигатор для владельцев яФонов

P.S. Речь, естественно, о тех посетителях, которые не меняют юзер агента в настройках браузера

[alexakap]

alexakap,
Я просто открыл в веб инспекторе консоль, задал переменную, и, сдетектировав свою платформу, задал свойство display: none для кнопочки "Спасибо". Результат - если набранное в консоли владелец sbup.com разместит в скриптах сайта, посетители с ОС Линукс не смогут никому сказать Спасибо

Остается только поискать в сети, какое значение платформ выбрасывает навигатор для владельцев яФонов

P.S. Речь, естественно, о тех посетителях, которые не меняют юзер агента в настройках браузера

Спасибо! Буду пробовать

[Val_Ery]

alexakap,
Удачи! Отпишитесь, ок?
===
  А у меня сегодня,можно сказать, Событие 

(нажмите чтобы показать/скрыть)

[alexakap]

alexakap,
Удачи! Отпишитесь, ок?

Ок!

[Val_Ery]

alexakap,
Доброго времени!
У меня вопрос по PWA: как создавали?

Я так понимаю, есть сайт, к примеру, на ВП. Ставиться плагин типа PWA... Он фронт сайтовый в приложении использует или можно подсунуть свой?
Если можно свой, то на чем рекомендуют делать (vue, react)?

Или я неправильно чего-то понимаю?

[alexakap]

Я так понимаю, есть сайт, к примеру, на ВП. Ставиться плагин типа PWA... Он фронт сайтовый в приложении использует или можно подсунуть свой?

Я все делал на js, исходники по ссылке в теме >> https://talk.pr-cy.ru/topic/31026-vozmozhno-li-sozdat-horoshee-mobilnoe-prilozhenie-na-dvizhke-dle/
Читайте все от пользователя petroff
На вп работоспособность скриптов зависит от того, где они подключаются в хэдере или футере. Похоже это зависит от шаблона, но это не точно
Еще нужно будет настраивать кэширование, чтобы приложение работало без подключения к интернету, но ссылки на инфу поищу только завтра
Проверять ошибки в хроме в lighthouse

[Val_Ery]

alexakap, спасиб!

В общем, сегодня поднял тестовый сайт на ВП, импортировал в него пару десятков материалов, установил плагин super pwa - всё сразу завелось, ошибок никаких не вижу... Идею понял.