IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Discussion :

Redirection de site pour smartphones

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    116
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Juillet 2010
    Messages : 116
    Points : 48
    Points
    48
    Par défaut Redirection de site pour smartphones
    Bonjour à tous,

    J'ai régulièrement constaté des sites Web qui n'avaient pas la même mise en page sur pc que sur smartphone.

    Je ne suis que débutant en webmastering mais je pense que cette fonctionnalité est du à un système de redirection qui pointe sur des page spécialement créée pour smartphone.

    Je recherche donc des pistes de travail, à votre avis :

    Quel type de redirection est utilisé pour cette fonctionnalité ?

    Comment un site peut reconnaitre le type de périphérique à l'origine de la requête ?

    Merci d'avance pour vos réponses ou pour vos liens.

  2. #2
    Rédacteur
    Avatar de Nathanael Marchand
    Homme Profil pro
    Expert .Net So@t
    Inscrit en
    Octobre 2008
    Messages
    3 615
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Expert .Net So@t
    Secteur : Conseil

    Informations forums :
    Inscription : Octobre 2008
    Messages : 3 615
    Points : 8 080
    Points
    8 080
    Par défaut
    Tu peux te baser sur l'User-Agent du navigateur:
    Un navigateur sous Windows Vista avec IE9 t'indique:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.0; Trident/5.0)
    Avec un navigateur de mobile tu as quelque chose comme:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Mozilla/4.0 (compatible; MSIE 4.01; Windows CE; Smartphone; 240x320; SPV C600; OpVer 11.1.22.7)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Mozilla/5.0 (Linux; U; Android 2.1-update1; fr-fr; GTI9000 Build/ECLAIR) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Mozilla/5.0 (iPod; U; CPU iPhone OS 2_1 like Mac OS X; fr-fr) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3.1.1 Mobile/5F137 Safari/525.20

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    116
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Juillet 2010
    Messages : 116
    Points : 48
    Points
    48
    Par défaut
    merci beaucoup pour ton aide, c'est pour moi une très bonne base de recherche

  4. #4
    Membre du Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    116
    Détails du profil
    Informations personnelles :
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Juillet 2010
    Messages : 116
    Points : 48
    Points
    48
    Par défaut
    Donc si j'ai bien compris, il me suffi de créer de nouvelles pages .html et css plus légères.

    Et de spécifier dans mon fichier .htaccess la redirection en fonction de l'User-Agent ??

    Connaissez-vous en endroit ou je peux trouver la liste des différents User-Agent utilisés par les mobiles ?

    Merci beaucoup pour votre aide.

  5. #5
    Rédacteur
    Avatar de Nathanael Marchand
    Homme Profil pro
    Expert .Net So@t
    Inscrit en
    Octobre 2008
    Messages
    3 615
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Expert .Net So@t
    Secteur : Conseil

    Informations forums :
    Inscription : Octobre 2008
    Messages : 3 615
    Points : 8 080
    Points
    8 080
    Par défaut
    Wikipedia propose quelques exemples:
    http://fr.wikipedia.org/wiki/User-Agent

  6. #6
    Futur Membre du Club
    Homme Profil pro
    Développement de site internet sur PC, Smartphone et tablette
    Inscrit en
    Août 2011
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Pyrénées Orientales (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développement de site internet sur PC, Smartphone et tablette
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Août 2011
    Messages : 4
    Points : 7
    Points
    7
    Par défaut
    Citation Envoyé par paikan06 Voir le message
    Donc si j'ai bien compris, il me suffi de créer de nouvelles pages .html et css plus légères.

    Et de spécifier dans mon fichier .htaccess la redirection en fonction de l'User-Agent ??

    Connaissez-vous en endroit ou je peux trouver la liste des différents User-Agent utilisés par les mobiles ?

    Merci beaucoup pour votre aide.
    Bonjour

    Oui et non à votre réponse, je m'explique:
    si page en html identique à la version normale = page en double, pensez au référencement... et au moteurs....

    Pour répondre pour les users-agent voici une URL pour vous aidez
    http://detectmobilebrowsers.mobi/#generator

Discussions similaires

  1. [Choix langage] - 1 site pour PC, Smartphone, tablette.
    Par npirard dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 25/07/2014, 15h55
  2. Convertir un site existant pour smartphone et tablette
    Par bimaghra dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 29/04/2014, 16h46
  3. Réponses: 4
    Dernier message: 24/09/2010, 23h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo