Que vous soyez chargé de projet, intégrateur, programmeur, designer, ou même responsable du contrôle qualité, vous avez tout intérêt à savoir comment tester la compatibilité des sites que votre entreprise produit sur le plus de navigateurs possibles.
Le design représenté par CSS ainsi que le comportement représenté par le JavaScript peuvent réagir de façon très différentes selon le navigateur utilisé !
Les navigateurs
Selon les statistiques de la w3school, Internet Explorer 6 est encore utilisé à 10% en octobre 2009, ce qui n’est pas négligeable en tant qu’entreprise puisqu’on ne veut pas se couper d’une partie de notre clientèle. Il faut donc - encore 
- continuer à desservir ce navigateur pour la majorité des sites plus commerciaux et grand public.
Il n’est pas aisé de se procurer des configurations matérielles et logicielles qui reproduisent l’ensemble des combinaisons du marché. Ainsi, la “virtualisation de vos gabarits” en ligne est une solution à privilégier. Voici une liste d’outils que vous pouvez utiliser pour tester vos navigateurs :
Option 1 - Investissez dans plusieurs ordinateurs
La solution ultime pour avoir les vraies versions des navigateurs et ne pas perdre de temps sur des navigateurs potentiellement différents est de s’acheter plusieurs ordinateurs-tests comprenant différentes versions des navigateurs sur chacun d’eux. Si vous voulez tester vos navigateurs à fond sur Mac, c’est une des meilleures options qui s’offrent à vous.
Bien sûr cette option est coûteuse et chronophage. De plus, cette solution ne vous permet pas de tester en local rapidement, peut être très gourmande en terme d’espace et peut être mal adaptée pour de grosses équipes de production.
Option 2 - Standalone Browser et Multiple IE
Les “Standalone Browser” sont des navigateurs que vous n’avez pas besoin d’installer mais qui utilisent les ressources de votre système. Il ne sont pas entièrement fiables, ni légaux et ne fonctionnent pas sur n’importe quel système d’exploitation (entre autres sur Vista). Il sont très utiles pour tester rapidement mais ne sont pas pratiques pour des tests plus approfondis.
Attention, certaines fonctionnalités semblent manquantes comme le print preview d’Internet Explorer 6. Ils ne sont donc pas 100% fiables.
Vous pouvez en trouver plusieurs sur le site de evolt.org dont plusieurs versions de IE.
Si vous voulez essayer plusieurs “Standalone Browser” d’Internet Explorer et que vous êtes sur XP, je vous conseille Multiple IE . Il installera pour vous IE3, IE4, IE5, IE5.5, IE 6. Ceci pourra vous faire sauver du temps.
Option 3 - Microsoft SuperPreview for Internet Explorer
Microsoft SuperPreview est un nouveau produit (bêta) de Microsoft qui permet de tester plusieurs versions d’Internet Explorer sous un même logiciel. La fonctionnalité la plus intéressante est probablement le “onion skin“, qui permet de voir les rendus HTML un par dessus les autres pour visualiser facilement les différences.
Cependant, ce produit semble efficace seulement pour tester la partie graphique, vous ne pourrez probablement pas tester le JavaScript/Ajax de votre site.
Option 4- Les services de captures d’écrans
Certains sites comme Browsershots, Browsrcamp/ ou Litmusapp vous permettent de faire des captures d’écrans de votre site et de vous les envoyer. Ces services Internet sont surtout pratiques pour tester un très grand nombre de navigateurs sur plusieurs systèmes d’exploitation (en l’occurrence, 90 et + pour BrowserShots.org).
Cependant, la majorité de ces services sont payants et/ou très longs pour obtenir les résultats des rendus. De plus, du fait qu’on obtient seulement des images, on voit seulement le design et on ne peut pas tester chaque page ni tester le JavaScript. Vous ne pourrez pas tester non plus en local/SVN.
Option 5 - Les accès à distances
D’autres sites comme browsercam.com offrent également la possibilité de se connecter sur des ordinateurs à partir de votre ordinateur à distance. Je n’ai pas testé ces systèmes mais cela semble très intéressant. Malheureusement je ne connais pas de version gratuite de ces systèmes et ce ne sera pas possible de tester en local/SVN. Si par hasard vous êtes une grosse compagnie organisé, je crois qu’il serait possible de créer votre propre système d’accès à distance.
Option 6 - Les ordinateurs virtuels
Les ordinateurs virtuels sont sûrement l’une des options que je trouve la plus intéressante. Les ordinateurs virtuels sont comme des ordinateurs dans votre ordinateur. Vous pouvez par exemple rouler Linux sur Window Vista ou Window XP sur MacOs.
Vous pouvez créer autant de machines virtuelles que vous voulez et installer des navigateurs différents sur chacune d’elles. Vmware, l’un des plus gros joueur dans ce domaine, offre des produits pour Mac et PC permettant d’émuler plusieurs systèmes d’exploitation.
Microsoft a également son propre émulateur, Virtual PC. Microsoft a eu la gentillesse de créer des images pour Virtual PC permettant de tester les différentes versions d’Internet Explorer (IE6, IE7, IE8). Seul petit hic, les images ne sont valides que pour 6 mois, il faut ensuite retourner sur le site pour télécharger les nouvelles images.
Les ordinateurs virtuels sont beaucoup moins coûteux que les ordinateurs physiques qui prennent beaucoup plus de place. Cependant il faut quand même installer le ou les systèmes d’exploitation et cela prend un minimum de temps.
Option 7 - Les applications virtuelles
Voici une autre de mes options préférées. Il est possible, au lieu d’avoir un ordinateur virtuel, d’avoir seulement une application qui est virtuelle et qui n’entrera pas en conflit avec le système d’exploitation existant. VMware ThinApp et Xenocode sont deux programmes qui permettent de créer ce type d’application. Mais ce qui est le plus merveilleux, est que Xenocode offre déjà des versions toutes faites de la majorité des navigateurs. Le seul point négatif est que cette solution fonctionne seulement pour Windows, on oublie donc la possibilité de tester sur/pour MacOs ou Linux.
Conclusion
Si la tendance se maintient, je crois que nous aurons de plus en plus d’outils pour pouvoir tester adéquatement nos sites. Si vous connaissez des outils que je ne connais pas, je vous encourage à en parler en laissant un commentaire !
L’article original ici.
Envie d'en savoir plus ? Voici 5 articles sur le même thème :
