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

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 difficiles à 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.



Restaurer les URL normales des liens de recherches dans Google

Si vous faites des recherches sur Google, vous avez très certainement fait cette expérience malsaine de faire un clic droit pour essayer de copier l'adresse officielle du lien que vous voulez partager ou ouvrir, et [...]

Réduire la consommation de Firefox en figeant les onglets non sélectionnés

Wladimir Palant qui propose d'autres extensions dont la plus connue est sûrement Adbock Plus, vient d'en publier une nouvelle qui pourrait sûrement vous faire plaisir. Si vous avez, comme moi, régulièrement beaucoup [...]

Ubuntu : installer DuckDuckGo dans l'environnement Unity

Encore une petite astuce pour Ubuntu : voici comment utiliser le moteur de recherche DuckDuckGo directement depuis l'interface Unity grâce à une lens à installer. Un très bon complément à cette astuce qui vous [...]

Ecouter ses radios préférées avec RadioTray sous Ubuntu

Vous aimez écouter des radios, et vous utilisez Ubuntu ? Il existe RadioTray, programmé en pyhton par Carlos Ribeiro, que l'on peut installer facilement directement dans le système tray, la barre de notifications [...]

Le Leap Motion, un pas de géant vers Minority Report

Avec Le Leap Motion, Minority Report n'est plus très loin de devenir le film qui aura montré le chemin de la réalité pour la navigation sur nos écrans. Il semble bien, en effet, que le Kinect de Microsoft soit en [...]