Как понять с какого устройства зашел человек, чтобы включить ему мобильную версию?

Question

[Роман Татаринов]

Раньше я всегда привязывал к разрешению экрана, и через media-запросы. Собственно, и сейчас также. Только вот возник вопрос. Допустим, айпад имеет разрешение 2560 пикселей. Но ему нужно загружать мобильную версию. Так вот вопрос, как это грамотно организовать. Я понимаю ,что просто body раздаешь класс и прописываешь нужные стили. Вопрос в том, как определить с какого устройства зашел, и в какой момент версии определять? Какие инструменты и при помощи чего? modernizer просьба не предлагать) Должно же быть что-то минималистичное, быстро-настраиваемое, продуктивное и не сложное в разработке)

Answer 1

[zooks]

Для мобильных устройств нужно учитывать размер вьюпорта, а не разрешение.

Answer 2

[Кирилл]

Определять useragent с помощью javascript - в гугле полно готовых реализаций.
Если совсем лень, то вот matthewhudson.me/projects/device.js
И для айпада в media не 2560 значение нужно задавать, а на много меньше =)

Comments

[Роман Татаринов]

Не знаю, с чем это связано - подключил на два проекта посмотреть. Не раздает никаких классов никому.

Answer 3

[Сергей Мельников]

stackoverflow.com/questions/4817029/whats-the-best...

function isTouchDevice() {
  return 'ontouchstart' in window // works on most browsers 
      || navigator.maxTouchPoints;  // works on IE10/11 and Surface
}

Comments

[Сергей Мельников]

MaxKorz: ты пишешь полно, а я на практике еще не встречал, так что это больше исключение, чем правило. С другой стороны, чем критиковать ответ, придумай лучшее решение

[Сергей Мельников]

MaxKorz: и все же, свой вариант решения ты так и не написал

Answer 4

[Ankhena]

Смотрите размеры вьюпортов: viewportsizes.com