jQuery снифф для мобильных браузеров

Question

Как мне прослушать мобильные браузеры с помощью jquery?

Мой конкретный вариант использования:

У меня есть игра.Я хочу, чтобы окно чата всегда было сфокусировано, кроме браузеров, использующих программные клавиатуры (так как клавиатура блокировала бы экран).

Answer 1

Вы можете использовать обычный Javascript для обнаружения мобильных устройств:

if(!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))){
    //focus input field
    document.getElementById("chattextbox").focus();
}

Если вы используете jQuery , вы можете использовать что-то подобное:

$( document ).ready(function() {      
    var isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;
    if (!isMobile) {
        //focus input field
        document.getElementById("chattextbox").focus();
    }
});

Здесь вы проверяете размер пользовательского устройства.На мой взгляд, это лучший вариант, потому что вы должны также стилизовать свой веб-сайт с помощью этих медиа-запросов CSS и иметь полный контроль над пользовательским интерфейсом и UX.

Answer 2

http://plugins.jquery.com/project/advbrowsercheck