Вы можете просто использовать JavaScript-метод window.matchMedia() для обнаружения мобильного устройства на основе медиа-запроса CSS. Это лучший и самый надежный способ обнаружения мобильных устройств.

Следующий пример покажет вам, как на самом деле работает этот метод:

<script>
$(document).ready(function(){
    if(window.matchMedia("(max-width: 767px)").matches){
        // Область просмотра имеет ширину менее 768 пикселей.
        alert("This is a mobile device.");
    } else{
        // Область просмотра имеет ширину не менее 768 пикселей.
        alert("This is a tablet or desktop.");
    }
});
</script>

Метод matchMedia() поддерживается во всех основных современных браузерах, таких как Chrome, Firefox, Internet Explorer (версия 10 и выше) и т. д.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.