Quand le test de compatibilité d'affichage dans les navigateurs devient (presque) amusant !

Posted by Hypee | Fri 8, Apr 2011

Tous les développeurs web connaissent bien ce problème : nous devons faire au mieux pour que nos sites soient compatibles avec les principaux navigateurs du marché et c'est une problématique complexe et en permanente évolution. Cependant, des outils existent qui permettent de nous aider à réussir ce challenge. Adobe vient de lancer une application en ligne appelée "BrowserLab", qui permet de tester un site web sur de nombreux navigateurs. Nous avons également testé d'autres solutions concurrentes, qui sont déjà présentes sur le marché depuis quelques temps.

Adobe BrowserLab

Le "BrowserLab" a été lancé par Adobe il y a quelques mois. Il permet de tester la compatibilté de n'importe quelle page accessible sur Internet (vous pouvez tester un site visible uniquement sur votre réseau local avec Adobe Dreamweaver CS4+, vos pages seront envoyées sur les serveurs d'Adobe pour y être analysées).

L'accès à ce service est gratuit pendant la période de test, puis sera facturé environ 20$ par mois.

Vous pouvez définir un jeu de navigateurs qui seront utilisés lors des tests de compatibilité (10 navigateurs à la fois au maximum).

Browser list selection

Vous pouvez aller voir le résultat de l'affichage de la page pour un navigateur donné, dès que le chargement de la page est terminé. Les autres navigateurs continueront de travailler en arrière plan.

Loading screen

Vous pouvez enregistrer l'affichage de l'un des navigateur dans un fichier image (utilisez le click-droit), par exemple pour l'inclure dans un rapport de compatibilité pour un client ou pour soumettre un problème d'affichage au développeur web. Dans la version actuelle, il n'est pas possible de récupérer l'ensemble des captures d'écran en une seule opération, il faudra sélectionner chaque navigateur individuellement.

Saving a screenshot

Première impressions

Le "BrowserLab" est vraiment bien pensé, extrèmement facile d'utilisation, ce qui rend le travail de vérification de la compatibilité vraiment plus agréable qu'avec des techniques plus classiques( comme attendre que le client vous appelle pour signaler un problème sur son navigateur fétiche, Internet Explorer dans une version antédiluvienne, généralement ). Tous les développeurs web n'adhérerons pas à ce service quand il deviendra payant, mais nous parions qu'à terme, il fera partie de la panoblie des outils indispensables aux professionnels du web.

Article à venir : Le test des autres outils de test de compatibilité des navigateurs.

Liens :

https://browserlab.adobe.com