Test de navigateur croisé (PC)

Un signe certain d'une mise en page CSS solide et bien codée est qu'elle s'affiche de manière cohérente sur tous les navigateurs et plates-formes. Un regard sur les statistiques récentes des navigateurs mondiaux montre que, bien qu'Internet Explorer continue d'être le navigateur Web le plus populaire en général, sa base d'utilisateurs est répartie de manière assez égale entre les versions 6 et 7.

Et bien que d'autres navigateurs tels que Firefox, Opera et Safari aient une part relativement petite du marché des navigateurs, il serait imprudent pour tout concepteur ou développeur Web de les ignorer lors du test de leur travail.

La nécessité des tests

Le site ci-dessous, par exemple, met en évidence la nécessité de tests approfondis sur plusieurs navigateurs. Vu sur Firefox, le site a l'air fantastique; mais vu dans Internet Explorer 6, le site semble cassé, en raison du manque de prise en charge d'IE6 pour la transparence alpha PNG (qui semble avoir été pris en charge dans le code du site, mais la solution choisie ne semble pas fonctionner), et également en raison de certains problèmes de positionnement.

Étant donné que les tests multi-navigateurs pour Mac ont déjà été traités dans Design Shack, cet article se concentrera sur les méthodes de tests multi-navigateurs sur PC. Un point de départ évident pour les tests multi-navigateurs est d'installer chacun des principaux navigateurs; les dernières versions peuvent être téléchargées ci-dessous:

Internet Explorer

Cependant, ce n'est pas aussi simple quand il s'agit de tester votre travail dans Internet Explorer 6 et 7. Par défaut, Windows n'exécutera qu'une seule version d'IE, et bien que ce ne soit évidemment pas un problème majeur pour l'internaute moyen, c'est plus problématique pour les concepteurs et développeurs Web qui doivent s'assurer que leur travail s'affiche correctement dans les deux versions. Une option pour surmonter cela (si vous exécutez Windows XP) consiste à utiliser le programme d'installation Multiple IE de TredoSoft. Cet outil ingénieux permet à plusieurs versions autonomes d'Internet Explorer de s'exécuter simultanément sur le même PC, ce qui rend les tests de versions multiples très simples.

Une autre option, qui n'implique aucune installation sur votre PC, consiste à utiliser un service de rendu en ligne tel que IE NetRenderer. Ici, vous entrez simplement l'URL de la page à tester, sélectionnez la version d'IE dans laquelle vous souhaitez la tester et NetRenderer rend une capture d'écran pour vous. L'inconvénient est que vous n'obtenez qu'une capture d'écran statique, ce qui rend impossible de tester des fonctionnalités dynamiques telles que les améliorations de l'interface utilisateur AJAX. De plus, NetRenderer ne se réduit qu'au «pli», donc si vous avez une page particulièrement longue, elle peut ne pas vous être très utile.

Safari

D'après mon expérience, l'installation de Multiple IE est un moyen beaucoup plus infaillible de tester des pages Web sur plusieurs versions d'Internet Explorer sur PC. Cependant, lorsqu'il s'agit de tester d'autres navigateurs sur d'autres plates-formes, comme Apple Safari sur Mac OS X, la seule vraie façon de tester localement est d'acheter un Mac. Une alternative beaucoup moins chère (comme gratuite) consiste à utiliser un autre service de rendu en ligne; cette fois, c'est BrowsrCamp qui rend les captures d'écran des pages Web affichées dans Safari fonctionnant sur Mac OS X.

Bien qu'il existe de nombreux autres navigateurs disponibles sur les différentes plates-formes, les navigateurs couverts ici sont ceux couramment utilisés, et en tant que tels devraient tous être pris en compte dans chaque phase de test du concepteur et développeur Web lors de la présentation du contenu Web.

© Copyright 2021 | computer06.com