Tester l’affichage de votre site Joomla sur différents navigateurs

Bien souvent, lorsque l’on met en place un site Web ou lorsque l’on ajoute des fonctionnalités, on oublie de tester que celui-ci s’affiche correctement sur d’autres navigateur que celui utilisé par défaut. En effet, votre site peut très bien fonctionner sur FireFox mais pas sur Internet Explorer 8.

De plus, il se peut qu’en fonction du système d’exploitation, le site s’affiche différemment avec un même navigateur.

Il existe une multitude de navigateurs Web disponibles sur le marchés ainsi que différents systèmes d’exploitations. Pour s’assurer que le site fonctionne correctement sur un maximum de navigateurs, il faudrait donc posséder différents ordinateurs avec plusieurs configurations ce qui n’est pas à la portée de tous.

Cependant, il existe sur le marché plusieurs outils vous permettant de simuler l’affichage de votre site avec différentes configurations. Nous allons donc voir ici quelques uns des services les plus utilisés.

Le premier et le plus connu est certainement BrowserLab d’Adobe. Pour pouvoir l’utiliser il vous faut tout d’abord vous identifier ou créer un compte Adobe ID. Ensuite il ne vous reste plus qu’à rentrer l’URL de votre site Web, sélectionner le ou les navigateurs à tester ainsi que le ou les systèmes d’exploitation. BrowserLab va générer des copies écran de la page demandée pour chaque paramètre saisi.

Browsershots est un autre service qui ne demande cette fois pas d’inscription au préalable. Sur ce site, il vous suffit de rentrer l’URL de la page à tester, sélectionner les navigateurs à tester ainsi que les systèmes d’exploitation puis attendre que les copies écran soient générées. Cela peut prendre plusieurs minutes avant que toutes les images soient générées, n’hésitez pas à actualiser la page affichant la série de captures d’écran pour constater l’avancement. L'avantage de ce service c'est qu'il est gratuit et l'inconvénient c'est qu'il ne faut pas être pressé ;-)

Pour tous ce qui est affichage sur des mobiles, vous pouvez utiliser le service Protofluid qui vous génèrera des copies d’écran de la page désirée sur des mobiles de type iPhone, Motorola, iPad…

Les outils ci-dessus vous permettent de constater si votre site s’affiche correctement ou pas sur ces différents navigateurs mais ne ils ne vous informent pas sur quels pourraient être les raisons du problème. Il se peut par exemple que cela soit lié une class CSS ou un ID non compatible.

Le site Browsera vous fournira justement ces informations manquantes. Nous n’avons personnellement pas tester les services payants de Browsera mais il semblerait selon différents articles dont nous avons lus que cela fonctionne plutôt bien.

Ajouter un commentaire