Créer un site mobile : détection des téléphones et tablettes

Créer un site mobile : détection des téléphones et tablettes

De plus en plus de gestionnaires de sites Internet tendent à rendre leur site compatible avec les dispositifs mobiles tels que les smartphones ou les tablettes tactiles. Cette mode vient naturellement du fait que ces supports de navigation se vulgarisent et représentent donc ainsi une part de marché importante.

Lorsqu’une telle volonté est lancée, il est nécessaire de se renseigner au sujet des diverses manières de procéder. Globalement, il en existe 3 :

  1. Adapter le visuel aux supports via le CSS
  2. Modifier le HTML selon le support
  3. Changer d’URL selon le support

Chacune de ces méthodes a des avantages et des inconvénients, et ce à plusieurs niveaux. Que ce soit en terme de mise en place, de maintenabilité, de compréhension utilisateur ou de référencement. Il faut donc savoir jauger le pour et le contre et choisir la meilleure solution en fonction de ses propres besoins.

L’objet de cet article n’est pas de définir quelle méthode est la mieux, mais de vous expliquer comment pouvoir mettre en place les deux dernières solutions.

Détecter les mobiles avec Mobile_Detect.php

La solution qui est proposée ici est basée sur le langage PHP, il est donc nécessaire que votre serveur web utilise cette technologie, via Apache par exemple. Si tel est le cas, vous pouvez poursuivre la lecture.

Mobile_Detect est donc une classe PHP très utile qui permet de détecter un certain nombre de supports mobiles différents. Vous pouvez donc l’utiliser pour repérer les mobiles au global, ou repérer certains types de supports seulement. Cela peut notamment être utile si vous souhaitez cibler les iPhones ou les Androids par exemple, pour leur afficher quelque chose de spécifique.

La classe est relativement simple d’utilisation, en particulier pour sa fonction primaire qui est de détecter globalement si l’internaute utilise un mobile. Voici un exemple d’utilisation :

<?php
$detect = new Mobile_Detect();

if ($detect->isMobile())
{
	// Affichage de votre site en version mobile
}
?>

Quelques liens utiles

Voici quelques liens qui vous fourniront d’avantage d’informations sur le sujet :

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Do NOT follow this link or you will be banned from the site!