Tester vos sites sur les différents navigateurs, simplement
Quel designer ou développeur ne s’est retrouvé un jour confronté à une différence d’affichage entre les différents navigateurs disponibles sur le marché ? Si le code XHTML de vos pages n’est pas propres, vos feuilles de style CSS pas aux normes, que vous n’utilisez pas de hacks pour les versions d’IE antérieures à IE7, que vous utilisez des png transparents et avez une mise en forme quelque peu évoluée, vous allez très vite vous arracher les cheveux…
Une petite étude sur le comportement des différents navigateurs fera l’objet d’un autre article, voilà cependant quelques statistiques d’utilisation des navigateurs actuels pour les années 2009/2010 :
| 2010 | IE8 | IE7 | IE6 | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|---|---|
| Mai | 16.0% | 9.1% | 7.1% | 46.9% | 14.5% | 3.5% | 2.2% |
| Avril | 16.2% | 9.3% | 7.9% | 46.4% | 13.6% | 3.7% | 2.2% |
| Mars | 15.3% | 10.7% | 8.9% | 46.2% | 12.3% | 3.7% | 2.2% |
| Février | 14.7% | 11.0% | 9.6% | 46.5% | 11.6% | 3.8% | 2.1% |
| Janvier | 14.3% | 11.7% | 10.2% | 46.3% | 10.8% | 3.7% | 2.2% |
| 2009 | IE8 | IE7 | IE6 | Firefox | Chrome | Safari | Opera |
| Décembre | 13.5% | 12.8% | 10.9% | 46.4% | 9.8% | 3.6% | 2.3% |
| Novembre | 13.3% | 13.3% | 11.1% | 47.0% | 8.5% | 3.8% | 2.3% |
| Octobre | 12.8% | 14.1% | 10.6% | 47.5% | 8.0% | 3.8% | 2.3% |
| Septembre | 12.2% | 15.3% | 12.1% | 46.6% | 7.1% | 3.6% | 2.2% |
| Août | 10.6% | 15.1% | 13.6% | 47.4% | 7.0% | 3.3% | 2.1% |
| Juillet | 9.1% | 15.9% | 14.4% | 47.9% | 6.5% | 3.3% | 2.1% |
| Juin | 7.1% | 18.7% | 14.9% | 47.3% | 6.0% | 3.1% | 2.1% |
| Mai | 5.2% | 21.3% | 14.5% | 47.7% | 5.5% | 3.0% | 2.2% |
| Avril | 3.5% | 23.2% | 15.4% | 47.1% | 4.9% | 3.0% | 2.2% |
| Mars | 1.4% | 24.9% | 17.0% | 46.5% | 4.2% | 3.1% | 2.3% |
| Février | 0.8% | 25.4% | 17.4% | 46.4% | 4.0% | 3.0% | 2.2% |
| Janvier | 0.6% | 25.7% | 18.5% | 45.5% | 3.9% | 3.0% | 2.3% |
Voilà également les stats d’un de nos sites ayant comptabilisé depuis janvier 2009 plus d’un million de visites et 5 millions de pages vues :
1. Internet Explorer 69,46 %
(IE8 : 52% – IE7 : 35% – IE6 : 13%)
2. Firefox 23,45 %
3. Chrome 4,05 %
4. Safari 2,54 %
5. Opera 0,32 %
6. Mozilla 0,09 %
7. Mozilla Compatible Agent 0,01 %
8. SeaMonkey 0,01 %
9. Camino 0,01 %
10. Netscape 0,01 %
Dans les 2 ensembles de stats on voit clairement la nette majorité d’utilisation d’Internet Explorer… qui est aussi le navigateur le plus en retard sur les nouvelles normes CSS… nous attendons impatiemment la sortie d’IE9, Microsoft ayant promis bon nombre d’améliorations et de nouvelles compatibilités.
Mais nous nous écartons du sujet de cet article qui a pour but de vous présenter un outil récent d’Adobe, vous permettant de tester l’affichage de vos sites sur les différents navigateurs.
BrowserLab, est un service en ligne vous permettant de tester vos sites sur de multiples navigateurs et OS.
Il est également possible de créer un ensemble de navigateurs que vous définirez, les captures seront ainsi créées en fonction de votre liste (et améliorera la rapidité des résultats).
Les captures d’écran peuvent être visualisées une par une, 2 par 2 ou une par dessus l’autre (Pelure d’oignon), avec des règles, facilitant les réglages les plus fins.
Le service supporte actuellement les différentes versions de Firefox, Safari, Chrome et Internet Explorer pour Windows et MacOS. D’autres navigateurs seront très certainement ajoutés au fur et à mesure de l’évolution du service.
BrowserLab fait parti du service Adobe CS Live, et il est gratuit pour 1 an d’utilisation pour toute souscription avant le 30 avril 2011.
A vos tests 
