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 :
- Adapter le visuel aux supports via le CSS
- Modifier le HTML selon le support
- 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 :
- Détection des appareils mobile : pour en savoir plus sur les versions mobiles de sites web et l’utilisation de cette classe.
- Le mobilomètre : test du rendu de votre site mobile.
