Определение- с какого устройства просматривается сайт?

Question

[Владимир]

Скажите- есть решение для сайта на вордпрессе, чтоб определялось- с какого устройства пользователь зашел на сайт. Дело в том, что на моб. устройствах весь контент отображается только в горизонтальном положении устройства. Мне думается- было бы правильно уведомить пользователя, зашедшего на сайт с планшета или телефона о том, что "поверните устройство горизонтально, чтобы увидеть изображения". Но для этого сайт должен понимать, что зашли именно с моб. устройства.

Answer 1

[Денис Янчевский]

Есть на CSS. С помощью медиазапросов можно указать ориентацию устройства.

Ну и, соответственно, показываете и скрываете html-блок "поверните устройство горизонтально, чтобы увидеть изображения" когда нужно.

.orientation-warning {
    display: none;
}

@media (max-width: 767px) and (orientation: portrait) {
    .orientation-warning {
        display: block;
    }
}

Comments

[Владимир]

ну а решения для чайников нету? Загрузил красивый плагинчик, тыцнул три раза и порядок. Не сталкивались?

Answer 2

[Орхан Гасанлы]

А еще есть библиотека, которая может определить устройство:
hgoebl.github.io/mobile-detect.js
и вот, это - detectmobilebrowsers.com