Avant le passage d’un site en production, il est nécessaire de s’assurer que le rendu est conforme à celui de la maquette, quelque soit le navigateur utilisé. Dans un monde idéal, il suffirait de respecter les normes W3C pour que l’affichage soit similaire quelque soit la plateforme (Windows, Mac , Linux…) et le navigateur (Firefox, Internet Exploreur, Safari…)

On en est loin, mais les choses s’améliorent : IE6 tend à disparaître et les éditeurs sous la pression de la websphère tendent à mieux respecter les standards. Grâce notamment aux Acid test et au lobbying de site comme OpenWeb

Les rendus sont variés, car chaque navigateur utilise un moteur de rendu différent dans l’interprétation du code xHTML/CSS. La tendance est actuellement à la concentration des moteurs de rendu, bien que le nombre de navigateurs disponibles, lui, tende à exploser.

Les principaux moteurs de rendu sont :

• Trident pour les version d’IE ;
• Gecko pour Firefox, Flock, Camino ;
• WebCore pour safari et Chrome ;
• Presto pour opéra.

Chaque version d’un navigateur utilise généralement une version différente de son moteur de rendu.

Pour savoir quels sont les navigateurs les plus utilisé vous pouvez consulter :

Baromètre des navigateurs de Xiti;Statistiques des visite de W3schools.

Ces statistiques ne reflètent probablement pas vos visiteurs, mais si vous n’avez pas mis en place de statistiques cela vous donne desbilles afin choisir les navigateur à tester.

Comment tester votre site

La solution de vérification en ligne :

browsershots : Le rendu n’est pas immédiat, votre demande est mise en attente sur un serveur. une fois le serveur disponible vous recevez par email un fichier zip, avec les screenshot au format PNG.

Bien sûr vous ne pourrez tester qu’une page dépourvue d’animation ou autre web2.0.

Afin de tester de manière plus approfondie, rien ne vaut une vérification “en local”.

Si vous travaillé sur PC, vous pouvez installer les principaux navigateur sur leurs site respectif sauf que windows ne permet pas d’avoir en parallèle deux version d’IE. Or les tests IE6 sont importants.
Pour les Webmaster, Microsoft conseille l’utilisation de Virtual PC, puis le téléchargement des version virtuelle d’Internet Explorer. cette solution est lourde a mettre en place et Virtual PC est payant.

Heureusement il existe :
Xencode qui à porté tous les browser en standalone ou Multiple IE sur le site Tredosft.
Dric me signal l’excellent IE tester.
Si vous travaillé sur Mac OS X :
Pas le choix il faut trouver un PC ou installer windows en parallèle avec VMware puis installé les navigateur

Et pour tester sur les mobiles :
Un émulateur de Blackberry
Pour WM6 et Iphone je n’ai pas trouvé de réel émulateur. (attention le site http://iphonetester.com/ ne permet pas de tester réellement le rendu sur un iphone, mais seulement de voir si le rendu sort de l’écran par défaut)

Et pour corriger les bugs graphiques je vous conseil de tester l’excellent totalvalidator qui vous indiquera les erreur de normalisation et leurs effet sur les différent navigateur. le tout dans la langue de Molière ce qui ne gate rien.