Comment détecter un appareil mobile avec JavaScript

Dans ce tutoriel nous allons découvrir différents méthodes pour détecter un appareil mobile avec JavaScript. Il est parfois nécessaire de savoir si notre page web ou notre site web s’exécute sur un navigateur web d’un appareil mobile. Pour une vérification, vous pouvez utiliser l’un des méthodes suivantes. Les deux renvoient « true » si la page est ouvert dans un appareil mobile sinon renvoient « false. »
 
 

Méthode 1:
function mobilecheck() {
    return (typeof window.orientation !== "undefined") 
	    || (navigator.userAgent.indexOf('IEMobile') !== -1
	    );
};

 

Méthode 2:
function isMobileDevice() { 
 if( navigator.userAgent.match(/iPhone/i)
 || navigator.userAgent.match(/webOS/i)
 || navigator.userAgent.match(/Android/i)
 || navigator.userAgent.match(/iPad/i)
 || navigator.userAgent.match(/iPod/i)
 || navigator.userAgent.match(/BlackBerry/i)
 || navigator.userAgent.match(/Windows Phone/i)
 ){
    return true;
  }
 else {
    return false;
  }
}

source : StackOverFlow
QCM Javascript

2 réflexions sur “Comment détecter un appareil mobile avec JavaScript

  • mai 25, 2021 à 2:33 pm
    Permalien

    Bonjour, pas besoin de else dans le deuuxième code.

    Répondre
    • décembre 7, 2021 à 5:10 pm
      Permalien

      Si tu vas par la pas besoin de return true non plus…

      return ( navigator.userAgent.match(/iPhone/i)
       || navigator.userAgent.match(/webOS/i)
       || navigator.userAgent.match(/Android/i)
       || navigator.userAgent.match(/iPad/i)
       || navigator.userAgent.match(/iPod/i)
       || navigator.userAgent.match(/BlackBerry/i)
       || navigator.userAgent.match(/Windows Phone/i)
       )
      Répondre

Laisser un commentaire

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