Browsershots : screenshots et navigateurs

Par Laurent | 22.07.09 11:29 | 0 commentaire(s) | outil

Lorsque l'on développe un site web que l'on pense aux nombreuses versions de navigateurs de part le monde, sur lesquelles les internautes surfent, il est utile de tester au préalable le rendu visuel du sommaire du site (par ex) sur donc différents navigateurs.
Et bien le site Browsershots propose d'afficher ces différents tests en images.

Pour celà, il suffit d'entrer dans l'entrée du formulaire (Enter URL Here) l'url de la page que vous souhaitez voir en copie d'écran, dans les différentes versions de navigateurs qui sont cochés.
Vous verrez également à côté de Select, les options all, none, linux....permettant d'accroître ou diminuer le nombre de navigateurs sélectionnés.Et, vous aurez la possibilité aussi de choisir la taille de l'écran souhaité des navigateurs, la profondeur des couleurs,l'option javascript,java, flash.

Une fois les options choisies, pour lancer la demande de copie d'écrans, il suffit d'aller sur submit.Un indicateur de temps apparait sur la page et en raffraichissant la page au bout de par exemple 5 minutes (touche f5 du clavier) ou par le navigateur la flêche en forme de cercle...ou encore le lien sur la page (Recharger cette page), vous verrez la liste des images que vous pourrez agrandir en allant dessus.

Un outil très utile car il va faciliter la vision générale d'une page sur plusieurs types de navigateurs.Lorsque l'on crée une page, le style css peut varier d'un navigateur à l'autre et ainsi la compatibilité entre les navigateurs peut être erronée fortement ou moins fortement.Un aperçu visuel permet de suite de s'en rendre compte et de programmer ses pages en fonctions, pour permettre une meilleur accessibilité de ses pages aux internautes.