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.");
}
});
$(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.");
}
});
$(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."); } });