Comment savoir si le visiteur est sur mobile?

Il est nécessaire d’envoyer un visiteur qui arrive sur un petit écran vers une version adaptée de votre site.

Mais comment savoir si son appareil est un téléphone ou un ordinateur ?

Le moyen que nous utilisons est simple, stable, et nous permet de voir la version “bureau” ou la version “mobile” au choix sur n’importe quel appareil.

Si la fenêtre du visiteur est en format paysage (plus large que haute) nous allons afficher la page en version “bureau”.

Si la fenêtre du visiteur est en format portrait (plus haute que large) nous allons afficher la page en version “mobile”.

<script>

  // point de basculement
  var pb = 0.9;

  var ratio = window.innerWidth / window.innerHeight;

  var l = location.href;
  
  // de bureau à mobile
  if (ratio < pb && !cestMobile(l)) location.href = [version mobile];
		
  // de mobile à bureau
  if (ratio >= pb && cestMobile(l)) location.href = [version bureau];

  function cestMobile(hrf){
    if [déjà mobile] return true;
    else return false;
  }

</script>

Leave a Reply

Your email address will not be published. Required fields are marked *