Tutoriels jQuery, HTML/CSS et PHP
Je partage ici toutes les ressources que je trouve utiles, les tutoriels qui pourraient vous intéresser et toute
l'actualité nécessaire pour devenir Webmaster ...
-
Rediriger un visiteur d'un iPhone ou iTouch
Posté par Djb
voici deux méthodes pour rediriger une visiteur lors de l'utilisation d'un iPhone ou autres, la première méthode, un petit script en javascript afin de détecter si le visiteur utilise un iPhone ou iTouch et ainsi le rediriger directement vers le site version mobile ou la seconde méthode, une redirection avec le fichier htaccess.
Voici deux exemples que je viens de réaliser sur mon site, je place ce script afin de rediriger le visiteur vers une page adaptée à la résolution d'écran d'un iPhone ou j'utilise une redirection dans mon fichier htaccess
1- Script en javascript
<!-- iphone ou iTouch -->
<script type="text/javascript">
(function () {
if(/iPhone|iPod/i.test(navigator.userAgent)){
var question = confirm("Voulez-vous consulter la version iPhone de ce site ?")
if (question){
window.location = "http://www.nextum.fr/iphone.php";
}
}
}());
</script>
Dans l'exemple, si le visiteur utilise un iPhone ou iTouche, il sera automatiquement redirigé vers la page phone.php après confirmation du visiteur.
2-Fichier htaccess
La seconde méthode est l'utilisation d'un fichier htaccess avec la reconnaissance entre iPhone, Blackberry, Palm
#redirect mobile browsers
RewriteCond %{HTTP_USER_AGENT} ^.*iPhone.*$
RewriteRule ^(.*)$ http://mobile.yourdomain.com [R=301]
RewriteCond %{HTTP_USER_AGENT} ^.*BlackBerry.*$
RewriteRule ^(.*)$ http://mobile.yourdomain.com [R=301]
RewriteCond %{HTTP_USER_AGENT} ^.*Palm.*$
RewriteRule ^(.*)$ http://mobile.yourdomain.com [R=301]
1. Ecrit par eric
Je préfère la seconde méthode
2. Ecrit par Djb
J'utilise la première, car je laisse le choix au visiteur
3. Ecrit par jerem
la seconde ça ne marche pas
4. Ecrit par Djb
J'ai testé, elle marche. Il faut placer le code dans un fichier .htaccess et le placer à la racine de ton serveur
5. Ecrit par Dr.Doe
Merci, la première est plus pratique pour les utilisateur !
6. Ecrit par Lidia
You're the geratset! JMHO
7. Ecrit par Nibby
I'm not esaliy impressed. . . but that's impressing me! :)