Вы можете просто использовать 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 и выше) и т. д.