Imprimer le document

Avec l'utilisation des smartphones en net hausse, il est nécessaire de rendre compatible son site pour l'affichage du contenu sous iPhone, Android et autres.

Bullogdesign vous propose un outil pour voir votre site comme le verrais un iPhone par exemple.

http://www.design.bouliz.com/smartphones.html

Un des problèmes majeurs et pas des moindres vu le prix de ces gadgets, est de posséder un iPhone. Heureusement, un addon existe pour firefox, il permet de changer son USER AGENT, $_SERVER['HTTP_USER_AGENT'] permet d'identifier des informations sur votre navigateur ainsi que d'autres informations vous concernant. (http://php.net/manual/fr/reserved.variables.server.php)

Vous trouverez cet addon ici : https://addons.mozilla.org/en-US/firefox/addon/59/

Une fois le plugin installé, allez dans options > default user agent > iPhone 3.0

Voilà vous pouvez tester sur la page http://www.google.fr , même lui le gobe car il s'affiche différemment des autres fois, vous proposant même de vous localiser ...

Vous pouvez alors maintent détecter le navigateur de votre visiteur, et de le rediriger vers une page spécialement conçu et optimisée pour les petits écrans des iPhones.

Voici une class php vous permettant de récupérer l' user agent de votre visiteurs :

http://code.google.com/p/mobileesp/

La voici zippée, mais je vous conseille de la récupérer directement sur le site de l'auteur afin d'avoir les mises à jours.

http://www.design.bouliz.com/dl/user.agent.class.php.tar.gz

Installation du script :

Dézipper le fichier ou récupérer le code source, ensuite déposer ce fichier dans le dossier includes de votre site.

Ouvrez le fichier header.php, celui qui se trouve à la racine de votre site.

Juste en dessous de :

Code PHP :

Pour copier le contenu exact du code,
Veuillez citer le message

<?php
#####!!!#####
include_once 'includes/date.php';
#####!!!#####
?>

Ajouter :

Code PHP :

Pour copier le contenu exact du code,
Veuillez citer le message

<?php
#####!!!#####
include_once 'includes/user.agent.class.php
/* On instancie la class */
$uagent_obj = new uagent_info();
$iPhone = $uagent_obj->DetectIphone();
$android = $uagent_obj->DetectAndroid();
$nokia = $uagent_obj->DetectS60OssBrowser();
if($iPhone){header('location:smartphones/');} // Si c'est un iphone
if($android){header('location:smartphones/');} // Si c'est un HTC par exemple
if($nokia){header('location:smartphones/');} // Si c'est un Nokia
#####!!!#####
?>

Créer un dossier smartphones à la racine de votre site.

Voilà vous avez détecter le navigateur de votre visiteur, vous le rediriger vers un autre index avec un affichage approprié.

Démonstration : http://www.bouliz.com (depuis un iPhone)
http://www.bouliz.com/smartphones: (pour les autres)

Vous pouvez aussi consulter la page en anglais : Lien ICI

Enjoy ++