Version mobile ?

Version imprimable

28/07/2009, 15h24
getget94

Version mobile ?

Bonjour, je développe un petit site qui devra avoir une version mobile (adaptée à la largeur des écrans).

Navigateurs visés : Opera mobile, Safari, IE Mobile principalement.

Seulement, avec opéra, je n'arrive pas a avoir la vue "zoomée" directement, il me met une vue "de loin", je ne sais pas pourquoi ... il y a des headers spécifiques à envoyer ou quoi ?

Pour essayer de comprendre, j'ai voulu m'inspirer du CSS de wap.ratp.fr.

J'ai donc copié la page (qui inclut direct les CSS) sur mon server web et j'obtiens ca :

Original (wap.ratp.fr) :
http://hfr-rehost.net/http://self/pi...60a9e1f72.jpeg

Copiée sur mon serveur web (Apache de Wamp 5 pour le développement):
http://hfr-rehost.net/http://self/pi...6b87644f3.jpeg

Pourquoi une telle différence de rendu ?

Merci :ccool:
28/07/2009, 15h49
Macmillenium
Bonjour,

Citation:

Envoyé par getget94

il y a des headers spécifiques à envoyer ou quoi ?

Humm ... oui il y a pas mal de choses spécifiques :
- CSS Media Queries,
- CSS Media handheld,
- Viewport Meta Tag,
- Viewport size en JS,
- Browser sniffing avec un langage serveur.
Et, bien évidemment, un bon CSS :)

Citation:

Envoyé par getget94

Pourquoi une telle différence de rendu ?

Sur mon iPhone, le rendu est encore plus différent ;)
Ils font sans doute une redirection en fonction de l'agent utilisateur, détecté via un langage serveur (Browser sniffing).

Citation:

Envoyé par getget94

J'ai donc copié la page (qui inclut direct les CSS) sur mon server web

Tu as copié le code HTML depuis ton navigateur de PC de bureau, je suppose.
La version de l'agent utilisateur détectée est différente de celle de ton mobile HTC (Le bon vieux IE mobile ?),
Tu as été redirigé donc vers une autre version du site, probablement adaptée aux media screen, ce qui explique la différence de rendu.
28/07/2009, 16h01
getget94

Ok, donc dans mon php je dois détecter le browser (je suppose que je dois pouvoir trouver une liste des user agent quelque part ;)) et renvoyer le CSS qui va bien :D

Et pour les headers, il faut que je regarde ca plus en détails ....
28/07/2009, 16h11
Macmillenium

Citation:

Envoyé par getget94

Ok, donc dans mon php je dois détecter le browser (je suppose que je dois pouvoir trouver une liste des user agent quelque part ;)) et renvoyer le CSS qui va bien :D

Voilà :)
28/07/2009, 17h02
getget94

J'ai trafiqué le User Agent de FF pour récupérer la version mobile, il faut en fait modifier le doctype :

Code:

<?xml version="1.0" encoding="ISO-8859-1"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

Ainsi opera mobile produit un affichage correct :)