TweetQue vous soyez chargé de projet, intégrateur, programmeur, designer ou responsable du contrôle qualité, vous avez tout intérêt à savoir comment tester la compatibilité des sites que votre compagnie 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érente selon le navigateur utilisé.
Selon les statistiques du w3school, Internet Explorer 6 est encore utilisé à 17.4%, 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 continuer à desservir ce navigateur pour la majorité des sites plus commerciaux et grand public.
Je me suis récemment procuré un portable pré-installé de Vista et j’ai réalisé que je ne pouvais pas installer IE6, ni Multiple IE, l’outil que j’utilise d’habitude au travail. J’ai donc pris quelques heures pour rechercher sur le web les nouvelles options qui s’offrait à moi.
Je vous propose donc une liste d’outils que vous pouvez utiliser pour tester vos navigateurs:
Option #1 - 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 autre sur Vista). Il sont très utiles pour tester rapidement mais ne sont pas pratiques pour des tests plus approfondis.
J’ai déjà fait face à certains bugs avec ces outils qui étaient inexistants lorsque je les vérifiais sur les vrais navigateurs. Aussi, 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 #2 - Achetez vous plus d’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 dispendieuse et prend beaucoup de votre temps. 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 équipe de production.
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.org 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 offre é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’accessibilité et les handicaps techniques
- Retour sur le keynote de Joel Perras pour MWNW
- Le combats des Titans
- Eolas… le prochain EBOLA?
- Choisir un hébergeur web
Samuel Lavoie a dit le 1 avril 2009 à 16:00 :
J’utile couramment les Virtual Machines avec Windows XP et Vista vraiment super performant sur OS X et permet d’avoir plusieurs OS en meme temps, ce qui est cool aussi
Mais si ont veux pas se casser la tete il y a aussi Alkaline de Litmus http://litmusapp.com/alkaline/ qui permet de faire des test directement de son logiciel HTML/CSS/JS, rapide mais quand meme pas donner si ont veux faire des test complet. Vraiment la solution premium selon moi!
Francois Viens a dit le 1 avril 2009 à 22:16 :
50$ par mois pour la personne en charge du contrôle qualité ou pour l’intégrateur, c’est pas si pir si c’est fiable!
Jean a dit le 2 avril 2009 à 01:11 :
Les statistiques du W3School ne concerne que ce site : “our data, collected from W3Schools’ log-files”.
Elles ne sont donc pas applicables à l’ensemble du web (comme c’est le cas avec le JDN).
Maxime Gendreau a dit le 2 avril 2009 à 07:19 :
Samuel, Alkaline de Litmus semble très bien, mais ne répond pas à tous les besoins, on peut pas tester le javascript (qui peut différent être énormément d’un navigateur à un autre) et ce ne sera pas possible de tester un site qu’on développe en local sur sa propre machine.
Maxime Gendreau a dit le 2 avril 2009 à 07:35 :
Jean, sur tous les sites que je trouve des statistiques, ceux de IE6 sont de plus de 17%, et de toute façons, w3school est un site de développeur alors c’est certain que le pourcentage d’IE6 est inférieur aux sites normaux. Voici d’autres stats:
http://www.w3counter.com/globalstats.php
http://en.wikipedia.org/wiki/Template:Msieshare1
http://research.mschat.net/browser.php
Alexandre Simard a dit le 2 avril 2009 à 13:00 :
Au sujet des machines virtuelles, je recommande VirtualBox. C’est la seule solution de virtualisation qui est gratuite sous Mac OS X. Avec une VirtualBox qui roule une version de Windows qui roule Xenocode, on est pas mal en business. Le seul coût de license c’est celui de Windows.
Merci à Samuel Lavoie pour le pointeur vers Alkaline. Ça semble très intéressant comme produit.
Le Détracteur a dit le 16 avril 2009 à 15:26 :
L’utilitaire “IE Tester” est également vraiment très pratique. Dans une fenêtre unique, on peut ouvrir des onglets pour IE5, IE6, IE7, et IE8. Très pratique.
PC seulement, je crois.
http://www.my-debugbar.com/wiki/IETester/HomePage
detectimmobilier a dit le 20 avril 2009 à 14:59 :
Bonjour,
Outils vraiment très pratiques merci.
Brett a dit le 21 avril 2009 à 09:26 :
Tout d’abord, merci pour cet article très intéressant que je découvre tardivement…
Je confirme qu’IE Tester est un très bon outil.
Remarques : Bien penser à lancer IE Tester en tant qu’Administrateur (”Exécuter en tant qu’Administrateur”) afin que l’outil puisse afficher animations Flash & Filtres CSS[les fameux « filter » d'IE...].
Concernant “Les accès à distances” : il existe le site “http://www.crossbrowsertesting.com” qui permet, via un client VNC ou une applet, d’accéder à une multitude d’OS et de navigateurs.
Cette consultation est gratuite 5 minutes et payante au delà.
Lionel a dit le 27 avril 2009 à 12:56 :
Bonjour
Très bon article et des outils à disposition. Personnellement j’utilise browsershots.org je vais en tester dans les exemples cités ci-dessus.
amicalement
livret a a dit le 17 juin 2009 à 06:08 :
On peut également rajouter le navigateur Lynx dans la liste. Il n’y a pas mieux comme outil pour savoir si son site est valide au niveau sémantique.
depannage mac paris a dit le 18 novembre 2009 à 12:40 :
idem, d’accord pour lynx, qui pèse moins lourd et évite les bugs
http://aformaclic.fr a dit le 10 décembre 2009 à 19:38 :
le virtuel n’est pas encore du tout au point sauf sur les macs pour le windows
assistance informatique a dit le 22 mars 2010 à 09:28 :
très bon article
r4 a dit le 10 janvier 2011 à 06:36 :
merci pour ton partage
Youpi a dit le 19 janvier 2012 à 09:38 :
@formlaclic : troll ? La virtualisation fonctionne nikel sous Linux et fonctionne bien aussi sous Windows. Le pire c’est que vous donnez des cours informatique, j’espère pas sur la virtualisation :/
Youpi a dit le 19 janvier 2012 à 09:43 :
@le destructeur : “PC seulement, je crois.”
IE Tester fonctionne que sous Windows, pas sur Linux (sauf en virtualisant et peut être en utilisant la lib Wine je vais tester).