Cibler les mobiles sous Windows Phone

Astuce par (Alsacréations, Strasbourg)
Créé le , mis à jour le (21219 lectures)
Tags : css, conditionnel, mobiles

Depuis la version 7 de Windows Phone, il est possible de profiter d'une technique pour cibler spécifiquement les mobiles équipés de ce système, afin de pouvoir fournir des feuilles de styles ajustées au média.

Malheureusement, Windows Phone 7 est équipé d'Internet Explorer dans une version qui ne supporte (toujours) pas les CSS Media Queries, ressemblant à la version 7 classique sur PC. Les possibilités en découlant sont donc fortement réduites.

Il va falloir pour cela exploiter un nouveau commentaire conditionnel "IEMobile" 

<!--[if IEMobile]>
Le navigateur est Internet Explorer Mobile
<![endif]-->
<![if !IEMobile]>
Autres navigateurs (dont IE classique)
<![endif]>

La version peut également être précisée. Si vous avez écrit une feuille de style spécifique pour les mobiles, vous pouvez ainsi vous en servir directement :

<!— Mobiles modernes supportant CSS Media Queries -->
<!— et dont la résolution en largeur est inférieure à 640px -->
<link rel="stylesheet" type="text/css" href="mobile.css" media="screen and (max-device-width: 640px)" />
<!— Mobiles sous IE Mobile version 7 -->
<!--[if IEMobile 7]>
<link rel="stylesheet" type="text/css" href="mobile.css" media="screen"  />
<![endif]-->

L'inconvénient est bien sûr que si vous délivrez une seule feuille de style globale dans laquelle figure une règle @media, celle-ci sera complètement ignorée puisqu'un commentaire conditionnel ne peut être appliqué qu'au niveau du HTML. On perd donc les avantages liés aux CSS3 Media Queries.

Ressources

Commentaires

ClementRoy a dit le

Nous y voilà donc, il va falloir traiter Windows Phone 7 comme on traite ie6 et ie7, à l'aide de commentaires conditionnelles, ou alors se refuser aux nouvelles technologies HTML5 et CSS3. Et on ne peut guère mettre en place une politique de dégradation gracieuse ici, les atouts applicatifs de HTML5 prenaient tous leurs sens justement sur les téléphones mobiles...

En mettant le moteur de rendu de IE7 sur leur Windows Phone 7, Microsoft vient de jeter un pavé dans la marre...

doc mcfly a dit le

je sens que microsoft va vite passé à la version d'ie9

Ladytron a dit le

"Be what's next", slogan de Microsoft. Qui voudrait être ce qui appartient à un passé révolu en enterré ? ;-)
M$ va vite se faire lyncher, une fois de plus ^^

spiral123 a dit le

Autant attendre ie9! Je suis assez confiant sur les mises a jour de windows 7 vu qu'il n'y a pas de surcouche constructeur !

Nico3333fr a dit le

Font ch... pour le dire clairement. :X

Skoua a dit le

Vu le pourcentage d'utilisation de IEMobile, je pense qu'on a encore un peu de temps avant de vraiment se soucier de ce navigateur.
http://gs.statcounter.com/#mobile_browser-ww-...

En espérant qu'on ait jamais à s'en soucier...

passionaqua a dit le

ça devient énervant ** EDIT : modération pour propos pouvant être diffamatoires **

Raphael a dit le

@Skoua : pour le moment oui, mais ce sont des stats qui ne tiennent pas encore compte de WinPhone 7 et de la grosse campagne de pub qui est en cours.
Certains estiment que WinPhone pourrait à terme atteindre 10 à 15% du marché.
A ce propos, j'ai eu vent de rumeurs parlant d'une évolutivité possible vers IE9 plus rapidement que l'on ne le croit, ce qui serait une excellente nouvelle :)

ClementRoy a dit le

@Raphael : Çe serait effectivement une très bonne nouvelle, enfin c'est ce qu'on attend d'eux en fait, ni plus, ni moins.

laulx a dit le

Pub Windows Phone:
"...pour passer plus de temps avec elle, et pas passer pour un idiot, comme lui !"

gaboul49 a dit le

Je ne compte pas respecter ce navigateur qui respecte si peu mon travail.

Julien Vernet a dit le

Vu qu'IE6 disparaît peu à peu de la toile, fallait bien que Microsoft nous trouve un nouvel amusement...