Version mobile ?

**getget94** · 28/07/2009, 16h24

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

Copiée sur mon serveur web (Apache de Wamp 5 pour le développement):

Pourquoi une telle différence de rendu ?

Merci

**Macmillenium** · 28/07/2009, 16h49

Bonjour,

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

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).

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.

**getget94** · 28/07/2009, 17h01

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

Et pour les headers, il faut que je regarde ca plus en détails ....

**Macmillenium** · 28/07/2009, 17h11

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

Voilà

**getget94** · 28/07/2009, 18h02

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<?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

Version mobile ?

HTML

Discussions similaires

Partager

Partager