Как с помощью javascript определить устройство, с которого зашли на сайт?

Question

[Андрей Смирнов]

Есть на джаваскрипте код, который закрепляет вверху блок. Мне надо, чтоб это закрепление работало только на компьютерах. На мобильниках оно ясно быть этого не должно, и так маленький экран, чтоб еще блок закреплять. Вопрос: как по-простому, по-рабочему определить устройство с которого зашли на сайт, чтобы потом его прогнать по условию if(тут условие если зашли с мобильного устройства(андроид айос или ещё что не важно){ тут пустота} else /*если зашли на компьютере*/{тут код прикрепления блока}.

Вот данный код, который зависит от устройств:

(document).ready(function(){
    var br = $.browser;
    $(window).scroll(function() {
        var top = $(document).scrollTop();
        if (top < 61) {
            $("#cool").css({top: '0', position: 'relative', marginLeft: '0px'});
        } else if ((!br.msie) || ((br.msie) && (br.version > 7))) {
            $("#cool").css({top: '0px', position: 'fixed', marginLeft: '0px'});
        } else if ((br.msie) && (br.version <= 7)) {
            $("#cool").css({top: '0px', position: 'fixed', marginLeft: '0px'});
        }
    });
});

Answer 1

[Андрей Смирнов]

всем спасибо за полезные советы, нашел вот простой, не громоздкий, самое главное(!), скрипт:

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
    // код для мобильных устройств
  } else {
    // код для обычных устройств
}

Comments

[MSZX]

Отличное решение! Благодарю!

Answer 2

[Сергей]

а просто медиа-запросы не помогут? или просто по ширине экрана делать js?

Comments

[Андрей Смирнов]

пробовал, к сожалению не вариант. Единственный вариант который я знаю что рабочий - это определить с какого устройства сидят.

[Сергей]

Андрей Смирнов: Тогда гугл в помощь, выдает много решений, что-то должно подойти

[Андрей Смирнов]

Сергей: опять же - смотрел, но решения какие-то чересчур громоздкие.

[I.CaR Soft]

Уж по ширмне экрана это вообще глупость.

Answer 3

[Антон Ломакин]

matthewhudson.me/projects/device.js

а в вообще да... медиазапросами все решается на ура... все что меньше 760 + портретный режим - мобильник/планшет...