оригинальная версия версия для слабовидящих контрастная версия выключить изображения включить изображения RSS FEED K2 NEWS
Пятница, 08 Март 2019 00:59

Мобильная версия, через «USER-AGENT»

Ранее писал о мобильных версиях сайта и как их делать. Самое простое путём настройки таблиц стилей CSS, когда этого оказывалось недостаточно – на помощь приходил код JavaScript. Почему приходил, потому что сегодня столкнулся с ситуацией, когда ширина разрешения экрана мобильного телефона оказалась куда больше, нежели ширина разрешения экрана моего ноутбука, и это действительно неприятно, потому что вся вёрстка была рассчитана на то, что мобильная версия априори больше 390-400 пикселей в ширину быть не может.

Вся сложность ситуации в том, что практически все новые мобильники выходят с FullHD, и здесь уже сыграть на ширине – не выйдет. Но выход есть, перевести условия с ширины – на UserAgent.

>if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)) {
// Сюда пишем условие.
}

Данный код говорит, что если Ваш UserAgent – принадлежит мобильному устройству (проще говоря – если на сайт зашли с мобильного устройства), то выполнится условие. Условие уже пишем сами.

Спонсоры: