Как скрыть модуль на мобильном устройстве?

Question

[web11]

На сайте есть модуль слайдшоу.
Задача - скрыть этот модуль при просмотре сайта со смартфона.

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

Нагуглил mobiledetect.net.
У этого решения для joomla, на которой разрабатывается сайт, есть отдельный плагин.

Он работает, но только для мобильных устройств в целом (телефоны+планшеты).
Вариант проверки только на телефоны не работает

if(MobileDetector::getPhoneDevices() === false){
...
}

Буду благодарен если подскажите работающее решение, которые вы использовали в своих проектах.

Answer 1

[sinneren]

В плагине же написано

// Any mobile device (phones or tablets).
if ( $detect->isMobile() ) {
 
}
 
// Any tablet device.
if( $detect->isTablet() ){
 
}

значит прекрасно он работает для мобил и таблеток отдельно

Comments

[web11]

В плагине для joomla на основе mobiledetect так же написано, что распознает отдельно телефоны и таблетки, но это не так

[web11]

проблема решилась двойным условием

Answer 2

[Сергей Протько]

чем планшеты лучше телефонов? Телефон с 7" экраном это планшет или телефон? Планшет с 10" экраном и имеющий GSM модуль это планшет или телефон?

Comments

[web11]

на 10" имеет смысл выводить слайдер, потому что картинки будут различимы, на смартфонах с 4-5" мелкие элементы на слайдах плохо различимы

[Сергей Протько]

@web11 тогда media queries и активация слайдера через js с проверкой ширины вьюпорта... все такое... только feature detection.

Answer 3

[Viktor Vsk]

MQ загружают картинки?

Answer 4

[Дима Паутов]

В наше время телефон понятие растяжимое. Я бы на вашем месте, для такого отслеживал ширину экрана!

if($(window).width() == 200){
//Удалить инициализацию слайдера и т.д.
}