Vérifier l'apparence d'un site avec presque tous les navigateurs

#Dessin : les Pink Floyd refusent d'être vendus au détail par EMI http://bit.ly/bEtw3o // Elle se croit juste tout permis, comme d'hab'... # il y a 4 heures

Vérifier l’apparence d’un site avec presque tous les navigateurs

Mots clés : Services en ligne apparence chrome dillo firefox gratuit internet explorer konqueror navigateurs opera safari windows

Infos : écrit le 5.06.09Commenter (réagir maintenant) (99 lectures) Partager cet article

Si, il y a bien une chose qu’un développeur web doit faire attention lorsqu’il compose la mise en page d’un site, c’est l’apparence que celui-ci prend dans les navigateurs Internet. Hélas, ils ne sont toujours pas tous logés à la même enseigne, même si, c’est vrai que ces derniers temps, les concepteurs de ces programmes essayent avec plus ou moins de réussite de suivre les recommandations du W3C. En fait, iI faut bien avouer que Microsoft, avec ses précédents Internet Explorer n’avait jamais trop voulu suivre les règles, et à cause de lui, beaucoup de développeurs ont perdu beaucoup de temps à adapter leur code afin que leurs sites apparaissent de la même façon sur les différents navigateurs les plus populaires. Bien sûr, ils continueront encore aujourd’hui de sortir les hack CSS et autres bidouilles du genre.

Mais, le plus frustrant, dans cette histoire, c’est que pour tester tous les navigateurs, c’est parfois la galère. Et puis, la solution de tout installer sur son système d’exploitation n’est pas franchement non plus très pratique. En plus, suivant les versions des navigateurs, l’affichage peut varier énormément. Si on rajoute que le comportement est aussi différent en fonction du système d’exploitation, on a pas fini. C’est pour palier à ce problème que de nombreux outils ont fait leur apparition.

Une première solution consiste à utiliser Browsershots. kesako ? C’est un service en ligne qui va, pour vous, créer les aperçus d’un site, en fonction, justement des navigateurs et des OS. La liste est presque folle, mais vous pouvez choisir ceux qui vous intéressent. Au programme, Internet Explorer, Firefox, Safari, Opera, Chrome ou bien encore le très connu Dillo, dans le système d’exploitation voulu à choisir entre Linux, Windows, Mac et BSD. Oui, faire le tour de tout ça, c’est compliqué, hein ? Du coup, si vous êtes curieux et gourmand, vous devrez attendre un paquet de temps avant que toutes les captures d’écran soient disponibles, et certaines seront probablement expirées avant que les autres arrivent. Dommage, mais, ce qui est bien, c’est que les captures seront téléchargeables dès qu’elles seront prêtes. En même temps, elles ne seront valables que 30 minutes sur browsershots, mais vous pouvez demander une rallonge de durée. Un service complet donc, mais un peu trop long qui sera plus à utiliser une fois le projet presque fini.

On notera aussi le programme en version gratuite et limitée (pour le moment) d’Adobe : Adobe BrowserLab. Pour l’utiliser, il vous faudra une Adobe ID que vous pourrez demander ici. Il se contente en revanche de supporter Firefox, IE et Safai sur quelques plates-formes, visiblement. Ça parait peu, mais l’essentiel est là. Cela dit, je ne l’ai pas testé car j’ai la flemme de me créer un compte. De toute manière, ce programme ne devrait probablement pas resté gratuit très longtemps puisqu’il est pour le moment en test et pompe beaucoup de ressources sur les serveurs d’Adobe.

Rajoutons aussi celui-là en tant que service en ligne : Scapture. L’affichage est instantanée, mais vous devrez choisir les navigateurs un par un, pour obtenir la belle capture d’écran. Il est à noter que Scapture ne fonctionne que pour les navigateurs sous Linux, mais il mérite notre attention dans ce sujet, car le choix est assez vaste. En complément, ajoutons le non moins excellent Geotek Net Renderer. Celui-là s’occupe exclusivement d’Internet Explorer, mais à l’avantage de créer, si l’on veut, des captures d’écran mixées qui montrent les différences de comportements en fonction des versions.

Et, si vous en voulez toujours plus, vous pouvez aller voir sur cette liste de sites similaires. Toutefois, les gratuits et complets sont difficile à trouver, car les plus intéressants sont bien entendu payants. les pros apprécieront certainement, et ne manqueront pas de me le signaler dans les commentaires !

Enfin, sachez que pour ceux qui veulent juste tester à la volée et en instantanée Firefox et IE, il existe aussi IE Tab. C’est une extension pour Firefox mais uniquement disponible sous Windows, ce qui forcément ne plaira pas aux plus exigeants, et ils auront raison.