2015-11-06 2 views
-1

У меня есть веб-сайт, на котором я хочу, чтобы кнопка магазина приложений присутствовала только на яблочных устройствах. То же самое с кнопкой google play на устройствах Android. Я думаю, что самым простым способом было бы использовать некоторые js, чтобы скрыть изображение на основе используемого устройства.Удаление изображения на основе типа устройства с js и классом

Я нуб в JS, но вы могли бы сделать что-то с кодом, как:

if device == "iPhone3,1" { imageview.hidden = true }

Если да, то где я добавляю это и как я могу связать его с конкретным изображением, если класс изображений - «app-btn»?

+0

Этот вопрос: http://stackoverflow.com/questions/3514784/what-is-the-best-way-to-detect-a-mobile-device-in-jquery имеет несколько хороших ответов – OliverRadini

ответ

0

попробовать что-то вроде этого:

if(/iPhone|iPad|iPod/i.test(navigator.userAgent)) 
    document.body.classList.add("ios"); 
else if(/Android/i.test(navigator.userAgent)) 
    document.body.classList.add("android"); 

теперь <body> тег имеет андроид или ИОС класса, использование CSS для отображения или нет изображения.

+0

Работал! спасибо –

Смежные вопросы