Cibler les mobiles sous Windows Phone

Astucecss

Publié par le , mis à jour le (24426 lectures)

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.

Commentaires

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

"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 ^^

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