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 jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

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