Как определить, что страница открыта на мобильном? Пример на JavaScript
Все больше сайтов просматривается с помощью мобильных телефонов.
Задача - изменение дизайна страниц таким образом, чтобы облегчить навигацию, увеличить шрифты и т.д. в мобильной версии сайта.
Одним из вариантов определения, что сайт просматривается с мобильного устройства - использование JavaScript. Функция определяет userAgent браузера и делает вводы о мобильном устройстве.
Зайдите на эту страницу с мобильника - и посмотрите. Устройство - компьютер заменится на устройство - мобильный телефон.
Код, представленный ниже - позволяет решить эту задачу.
<script>
var myMobile = {
Android: function() {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i);
},
any: function() {
return (myMobile.Android() ||
myMobile.BlackBerry() ||
myMobile.iOS() ||
myMobile.Opera() ||
myMobile.Windows());
}
};
if( myMobile.any() ) {
// это мобильник - делаем что-то
}
</script>
PHP — это язык программирования, основанный на использовании скриптов. Данный язык широко применяется для создания различных front-end и back-end веб-приложений. Поддерживается по-умолчанию большинством хостеров, являясь одним из лидеров среди языков программирования, предназначенных для создания динамических интерактивных сайтов. |
Интересные материалы на сайте:
|
|