Et les tablettes alors ? =)

Coucou,
Je voudrais bien vous parler des tablettes , puisque j'ai vu un article sur stack overflow : http://stackoverflow.com/questions/5341637/how-do-detect-android-tablets-in-general-useragent

Ça m'a mit la puce a oreille, et après test avec une tablette Archos 10 (qui utilise android), il,y'a bien un "Mobile" dans le user-agent , impossible donc de différencier de manière souple les mobiles android des tablettes android.

Dans l'article ils disent que certaines nouvelles tablettes sous Android ne l'on plus, sauf que si pour l'Archos 10, qui est quand même assez récent il y est, il doit être présent sur un bon nombre de modèle.


D’ailleurs Le user-agent de l'iPad2 contient également Mobile.( Bon on s'en fout parce qu'il y'a également iPad dedans, mais du coup le problème se pose peut etre pour d'autre marques).

En raccourcis, c'est une sacrée épine dans le pied .

Avez vous eux d'autres infos ? Sa serait bien naze d’être condamner a çe baser sur la résolution ou les dpi pour faire des sites full-compatible.

Bonjour,

Media queries -> checker sur la résolution de l'écran.

Bonjour,

et une raison de plus d'éviter de se fier au User Agent à moins de vraiment vraiment vraiment savoir ce que l'on fait (si tu es un éditeur de jeux pour smartphones ou un FAI, tu as les spécialistes qui connaissent par coeur tout ça et se plantent jamais mais pour les autres ... media queries surtout (comme vient de l'écrire Laurie-Anne) et feature detection si ça suffit pas.

edit: j'ai pas réussi à imbriquer mes maudites parenthèses de phrase trop longue. Bah le vendredi c'est tant pis
Modifié par Felipe (25 Nov 2011 - 17:07)

Bonjour,

Laurie-Anne a écrit :
Media queries -> checker sur la résolution de l'écran.

A noter un abus de langage : Résolution de l'écran ne doit pas être confondu avec Définition d'écran.

A noter aussi que je n'ai rien apporté à la problématique de départ...

Bonne journée !

Le soucis c'est que je n'arrive pas a faire cohabiter les media queries pour smartphone et pour tablettes dans mon CSS =(

(du genre
@media screen and (max-width: 320px){ CSS portrait }
@media screen and (min-width: 321px) and (max-width: 480px) { css paysage}
@media screen and(min-width:999px) andd(max-width:1000) {css tablettes}
)
D'autre part, la détection de la résolution javascript ou jquery indiquent des valeurs faussées a cause du zoom des navigateurs alors c'est un peu embetant.

Résultat je me suis tourner vers les user agent. Comme visiblement il n'ya pas de solution au niveau des user-agent pour les tablettes, je me retourne sur une detection de résolution, mais je galère grave

Mon site gère les mobiles (même règles portrait ou paysage) et les ipads en mode portrait, va jeter un œil dans la css.

Bonjour,

Tu peux regarder un exemple que j'ai réalisé ici : -http://www.web-actually.fr/laboratoire/110727_cv-design-agile/index.html

Et pour télécharger les sources c'est là : -http://www.web-actually.fr/actualites-et-publications/un-cv-en-ligne-elegant-agile-et-gratuit

Bonne journée
Modifié par Laurie-Anne (02 Dec 2011 - 12:59)