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

Автор Тема: Как показывать кнопку только устройствам на Android ???  (Прочитано 3002 раз)

Оффлайн alexakapАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 245
  • Сообщений: 614
  • Карма: 25
  • Пол: Мужской

Оффлайн alexakapАвтор темы

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


Онлайн Val_Ery

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 141
  • Сообщений: 247
  • Карма: 28

Онлайн Val_Ery

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

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

Оффлайн alexakapАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 245
  • Сообщений: 614
  • Карма: 25
  • Пол: Мужской

Оффлайн alexakapАвтор темы

  • Ветеран
  • *****
Так через window.navigator (user Agent и platform) ... Не пробовали?
Не пробовал, надо погуглить. У меня с javascript не очень. Пробовал готовый код из сети, пока ничего рабочего не нашел


Онлайн Val_Ery

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 141
  • Сообщений: 247
  • Карма: 28

Онлайн Val_Ery

  • Постоялец
  • ***
alexakap,
Примерно так (картинка кликабельна):
(нажмите чтобы показать/скрыть)

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

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

P.S. Речь, естественно, о тех посетителях, которые не меняют юзер агента в настройках браузера
« Последнее редактирование: 30-11-2020, 10:30:40 от Val_Ery »

Оффлайн alexakapАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 245
  • Сообщений: 614
  • Карма: 25
  • Пол: Мужской

Оффлайн alexakapАвтор темы

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

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

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

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


Онлайн Val_Ery

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 141
  • Сообщений: 247
  • Карма: 28

Онлайн Val_Ery

  • Постоялец
  • ***
alexakap,
Удачи! Отпишитесь, ок?
===
 :o А у меня сегодня,можно сказать, Событие  ;D
(нажмите чтобы показать/скрыть)
« Последнее редактирование: 30-11-2020, 11:39:44 от Val_Ery »

Оффлайн alexakapАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 245
  • Сообщений: 614
  • Карма: 25
  • Пол: Мужской

Оффлайн alexakapАвтор темы

  • Ветеран
  • *****
alexakap,
Удачи! Отпишитесь, ок?
Ок!

Онлайн Val_Ery

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 141
  • Сообщений: 247
  • Карма: 28

Онлайн Val_Ery

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

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

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

Оффлайн alexakapАвтор темы

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 245
  • Сообщений: 614
  • Карма: 25
  • Пол: Мужской

Оффлайн alexakapАвтор темы

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




Онлайн Val_Ery

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 141
  • Сообщений: 247
  • Карма: 28

Онлайн Val_Ery

  • Постоялец
  • ***
alexakap, спасиб!

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


 

Похожие темы

  Тема / Автор Ответов Последний ответ
8 Ответов
3682 Просмотров
Последний ответ 01-10-2015, 12:56:40
от Dogica
0 Ответов
1195 Просмотров
Последний ответ 04-05-2012, 17:41:05
от Владимир75
7 Ответов
2730 Просмотров
Последний ответ 21-02-2013, 21:48:42
от ewdokimow
10 Ответов
3791 Просмотров
Последний ответ 29-10-2015, 11:30:00
от otheruser
3 Ответов
1074 Просмотров
Последний ответ 16-08-2016, 16:52:35
от Sky-fi