Главная » Файлы » Прочие скрипты » Яваскрипты

Учимся определять мобильный браузер на javascript
16.11.14, 22:05:35



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

Для начала посмотрите ДЕМО

Использование:

Для начала нам нужно создать переменную, которая и будет использована нами как определяющий элемент, который достаточно просто поместить в самый верх скрипта, в котором вы будете использовать:
Код
var isMobile = {
  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 (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
  }
};


А теперь смотрите, как можно использовать эту переменную:

1. Условие только для андроид браузеров:
Код
if(isMobile.Android()){
alert('Вы зашли с Андроида');
}


2. Условие для всех популярных мобильных браузеров:
Код
if(isMobile.any()){
alert('Вы вошли с мобильного браузера');
}


Также вы можете дописать свои условия для остальных браузеров, если перечисленных в этом материале мало

За основу взята ЭТА статья

Материал подготовлен Apocalypse
Категория: Яваскрипты | Добавил: Apocalypse | Теги: JavaScript, мобильный, на, Учимся, браузер, определять
Просмотров: 812 | Загрузок: 0 | Рейтинг: 1.0/1
Всего комментариев: 0
Имя *:
Email: