Определение типа устройства с помощью device.js

demosourse

Device.js позволяет осуществлять проверки типа устройства (iOS, Android, Blackberry, Windows, Firefox OS), а так же его ориентацию (книжная или альбомная), и тип (планшет или мобильный телефон).

Поддержка устройств:

  • iOS: iPhone, iPod, iPad
  • Android: Телефоны & Планшеты
  • Blackberry: Телефоны & Планшеты
  • Windows: Телефоны & Планшеты
  • Firefox OS: Телефоны & Планшеты

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

Подключаем скрипт и работаем дальше:

<script src="device.js"></script>

Определение устройства

Устройство JavaScript Метод
Mobile device.mobile()
Tablet device.tablet()
iOS device.ios()
iPad device.ipad()
iPhone device.iphone()
iPod device.ipod()
Android device.android()
Android Phone device.androidPhone()
Android Tablet device.androidTablet()
BlackBerry device.blackberry()
BlackBerry Phone device.blackberryPhone()
BlackBerry Tablet device.blackberryTablet()
Windows device.windows()
Windows Phone device.windowsPhone()
Windows Tablet device.windowsTablet()
Firefox OS device.fxos()
Firefox OS Phone device.fxosPhone()
Firefox OS Tablet device.fxosTablet()

Ориентация устройства

Ориентация JavaScript Метод
Landscape device.landscape()
Portrait device.portrait()

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://matthewhudson.me/projects/device.js/
Перевел: Станислав Протасевич
Урок создан: 25 Октября 2013
Просмотров: 67436
Правила перепечатки


5 последних уроков рубрики "jQuery"

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 25 Октября 2013 15:22
    vasiliycubera
    Класcный урок. Спасибо Станислав. С помощью ваших уроков я создал уже свой сайт. http://developer.dn.ua
    • 30 Октября 2013 00:28
      Денис Васильев
      И он не блещет.
    • 26 Декабря 2013 18:44
      Radiotehnic
      Чего же, норм, просто не завершён и, честно говоря, идея не лучшая..
    • 4 Января 2014 22:32
      dimaloll
      Никакой))!
  • 25 Октября 2013 18:08
    sergogogo
    скрипт мощный , на айпаде все четко! жаль, на телефончиках за 4кр не прокатывает((( там скрипты не пашут... и для них приходится чтото придумывать безскриптовое. я про самсунги на bada
  • 25 Октября 2013 22:06
    teha
    А почему определило, что у меня ноутбук портретной ориентации? Вроде же все как у людей.
  • 25 Октября 2013 22:43
    vestber
    chromeOS нету
  • 25 Октября 2013 23:38
    newrus
    da nuuu...mne ne nravitsja...mozno i polu4we napisatj samomu...
  • 25 Октября 2013 23:46
    newrus
    zalj, moj sajt ne pawet, a to4nee moej devuwki. grebannij data-centr:D
  • 26 Октября 2013 13:40
    w_the_h
    полезный скрипт. благодарствую
  • 26 Октября 2013 13:45
    Quber
    Станислав, подскажите пожалуйста легковестный скрипт, класс или библиотеку на php для определения десктоп/планшет/телефон
    • 26 Октября 2013 16:18
      newrus
      https://github.com/serbanghita/Mobile-Detect liwnee udalitj - 57 kb
      • 5 Ноября 2013 12:26
        Quber
        спасибо
  • 8 Ноября 2013 12:55
    rymaruk
    Почему device.windows() дает true на windows phone ? За это же отвечает device.windowsPhone() ?
  • 12 Июня 2014 14:48
    Alexander_Muromtsev
    Всем привет. Господа, подскажите, если скрипт определил мобильное устройство, то как перейти на мобильную версию сайта. Мобильная версия находится на поддомене и имеет свой дизайн и верстку. Нужно только перенаправление если посетитель зашел с мобильного устройства.
  • 12 Июня 2014 21:26
    Alexander_Muromtsev
    Хочу поделиться решением. Итак, мы определили с какого устройства зашёл пользователь и, соответственно, нам нужно перенаправить или подключить нужные css, js и т.д. Вот код перенаправления на мобильную версию, на поддомен.
    <?php
    $iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
    $android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
    $palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
    $berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
    $ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
    $mobile = strpos($_SERVER['HTTP_USER_AGENT'],"Mobile");
    $symb = strpos($_SERVER['HTTP_USER_AGENT'],"Symbian");
    $operam = strpos($_SERVER['HTTP_USER_AGENT'],"Opera M");
    $htc = strpos($_SERVER['HTTP_USER_AGENT'],"HTC_");
    $fennec = strpos($_SERVER['HTTP_USER_AGENT'],"Fennec/");
    $winphone = strpos($_SERVER['HTTP_USER_AGENT'],"WindowsPhone");
    $wp7 = strpos($_SERVER['HTTP_USER_AGENT'],"WP7");
    $wp8 = strpos($_SERVER['HTTP_USER_AGENT'],"WP8");
    if ($ipad || $iphone || $android || $palmpre || $ipod || $berry || $mobile || $symb || $operam || $htc || $fennec || $winphone || $wp7 || $wp8 === true) { header('Location: http://mobile.ваш сайт.ru');
    }
    ?>
^ Наверх ^