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

При создании сайтов периодически требуется определять тип устройства, его раскладку (альбомную или книжную), а иногда и его ОС, с которого зашел пользователь. Делается это для разных, целей, например, я таким образом, отключал скрипты, которые должны работать только на десктопной версии сайта.

Причин использования device.js, а именно так называется этот скрипт может быть много, но если он существует - значит без него не обойтись в современной разработке.

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

Синтаксис кода

//Тип устройства
if(device.desktop()) alert('ПК');
if(device.tablet()) alert('Планшет');
if(device.mobile()) alert('Смартфон');
//Ориентация экрана
if(device.landscape()) alert('Альбомная (в ширину)');
if(device.portrait()) alert('Портретная (в высоту)');
//ОС устройства
if(device.ios()) alert('iOS');
if(device.ipad()) alert('ipad');
if(device.iphone()) alert('iphone');
if(device.ipod()) alert('ipod');
if(device.android()) alert('android');
if(device.windows()) alert('windows');
if(device.blackberry()) alert('blackberry');
if(device.fxos()) alert('fxos');

Как вы видите скрипт сравнивает условия и если что-то совпадет, в данном случае выводит alert и значение. Вместо него вы можете поставить любую свою функцию. Помните, что devise.js использует библиотеку jQuery. Сам скрипт мало весит и удобен в использовании.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Введите капчу: