En plein essor la navigation sur mobile ou tablette peut toutefois poser de nombreux problèmes d’affichage pour les sites web. Comment alors détecter les navigateurs mobiles ?
La première chose est de connaitre le user-agent de l’utilisateur. On peut l’afficher avec le code suivant en PHP :
[pastacode lang= »php » message= » » highlight= » » provider= »manual »]
<?php echo $_SERVER['HTTP_USER_AGENT']; ?>[/pastacode]
On va alors afficher des informations relatives au navigateur utilisé. Toutefois les navigateurs n’incluent pas tous « mobile » ou « Android », … Il faut donc tous les répertorier ! Heureusement une classe PHP a été créée et mise à jour (merci aux développeurs !).
Vous pouvez la télécharger ici : https://github.com/serbanghita/Mobile-Detect
Ensuite le fonctionnement est plutôt simple :
[pastacode lang= »php » message= » » highlight= » » provider= »manual »]
include 'Mobile_Detect.php';
$detect = new Mobile_Detect;
if ( $detect->isMobile() ) {
// Votre code en cas de navigateur mobile, redirection ou ficher .css pour un responsive design
}
[/pastacode]
Enfin une solution relativement simple pour détecter les navigateurs mobiles, attention toutefois à maintenir à jours vos fichiers pour reconnaître les user-agent.