Rendu de son site sur différents navigateurs

Posté par jbl le 8 juin 2009 dans Outils, Ressources • 10 commentaires

Développeur de sites internet il est impératif de tester ses sites sous différents navigateurs afin d'en vérifier le bon rendu et d'en garantir le maximum de compatibilité.

Il existe des solutions simples et rapides pour les développeurs web pressés mais un minimum consciencieux.

La première que j'ai retenue, la plus rapide et complète lorsqu'on veut dégrossir le boulot, est d'utiliser un service en ligne de captures d'écran http://browsershots.org

Vous indiquez l'url du site à tester et il vous fait des captures d'écran sous les différents navigateurs. Le soucis du détail est un peu délaissé mais c'est déjà une bonne base. Un très grand choix de navigateurs est proposé.

Néanmoins pour plus de précision rien de tel que d'installer les principaux navigateurs sur son PC...

Et quand c'est plus difficile à réaliser comme avoir les différentes versions d'Internet Explorer là aussi il y a une solution qui s'appelle IE Tester, un utilitaire gratuit qui va vous permettre de tester votre site sur les différentes versions d'Internet Explorer 5.5 6 7 8

Si vous connaissez d'autres solutions "légères" n'hésitez pas.

Autres articles dans la catégorie Outils

Autres articles dans la catégorie Ressources

10 commentaires

» Flux RSS des commentaires

André le 8 juin 2009 à 12:30:
J’utilise Xenocode : http://www.xenocode.com/browsers/

Ca permet d’avoir plusieurs navigateurs sur son PC. Bien pratique pour débugger sous IE6 quand tu es sous Vista.
Vent des blogs #40 | Fredzone le 8 juin 2009 à 19:03:
[...] navigateurs, c’est quand même le minimum quand on veut se la jouer pro. Et justement, JBL s’est penché sur deux solutions chouettes et light qui sont trop bien sa [...]
jbl le 8 juin 2009 à 21:58:
Salut André, merci je vais tester Xenocode
parfumerie le 28 juin 2009 à 17:50:
Merci pour l’info, c’est pratique et on peut voir les différences selon les navigateurs, édifiant!
BB Cream Queen le 15 juillet 2009 à 16:16:
Super le site browsershots, je connaissais pas c’est bien pratique. Ceci dit je me préoccupe souvent que de IE, Firefox et Safari (je ne suis pas développeur), les autres bah tant pis, je sais pas bien mais bon :p
Kiwano, référencement marseille le 6 août 2009 à 12:47:
Il existe aussi la solution Abode BrowserLab qui fait des images d’une adresse Web sur différents navigateurs ou encore le site Browsercam qui ressemble à Browsershots mais qui est une solution payante en proposant plus de fonctionnalités et des résultats plus rapides.
Enfin, pour les tests sur les différentes version d’Internet Explorer, Microsoft propose le logiciel SuperPreview.
Tout ceci ne remplace pas complètement les tests que l’on peut faire sur des machines virtuelles, notamment les VM mis à disposition gracieusement par Microsoft pour avoir des vrais IE6, IE7, IE8, etc.
teleassistance le 21 août 2009 à 16:23:
Merci beaucoup pour le site , je ne connaissait pas et mes collègue webmaster ce sont empréssé d’aller y jeter un coup d’oeil

Quand on voit le nombre de galère que l’on a avec IE6 , ce type de site est une bénédiction qui fera surement gagner pas mal de temps à tous
holmz le 25 août 2009 à 10:48:
En fait je crois que ça suffit que l’affichage ira sur IE et firefox, d’après les statistiques que je connais ce sont les plus utilises
depannage informatique le 2 septembre 2009 à 16:07:
j’ai eu l’occasion de tester récemment 2 ou 3 sites web que j’avais crée sur des navigateurs dont je ne me sers pas, comme Safari ou Opéra… et franchement j’ai été consterné du résultat. merci pour le tuyau.
Boite rangement le 23 mai 2010 à 23:12:
C’est toujours très consommateur en temps de tester toutes les versions des navigateurs, mais absolument indispensable pour tout développeur (et webmaster) un peu sérieux. Ta solution est donc un vrai gain de temps.
J’avais vu ce type de démarche pour tester les newsletters sur les différentes plateformes email (ie outlook, thunderbird,etc) chez une grosse pointure de l’emailing mais je ne connaissais pas la solution que tu préconises.

Thanks donc !