Comment détecter un appareil mobile via jQuery

Vous pouvez simplement utiliser la méthode window.matchMedia() de JavaScript pour détecter un appareil mobile basé sur les requêtes de media en CSS. C’est le moyen le plus fiable pour détecter les appareils mobiles.
 
 
L’exemple suivant vous montrera comment cette méthode fonctionne réellement:
 

Code source :
$(document).ready(function(){
    if(window.matchMedia("(max-width: 600px)").matches){
        // La fenêtre a moins de 600 pixels de large
        alert("Ceci est un appareil mobile.");
    } else{
        // La fenêtre fait au moins 600 pixels de large
        alert("Ceci est une tablette ou un desktop.");
    }
});
QCM jQuery

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *