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 guillemetsvoici 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]

Si vous avez d'autres idées n'hésitez pas à me les communiquer.





7 Commentaires

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! :)






Catégories



Script (16)

Design (4)

JQuery (17)

Geeks (7)

Web (14)

Mootools (1)




Utilisateur