wiki.travailleursduweb.com
Participez à l'encyclopédie des Travailleurs Du Web...

Debuggage Navigateurs en série…

Publié le 9 January 2008, par Babozor dans la catégorie Développement, Gestion de projet, Outils

browser_desk.jpg

Tous les développeurs le savent, le pire du travail est le debuggage, en particulier sur les différentes plateformes et navigateurs disponibles sur le marché. Ne serais ce que pour un montage HTML propre, vous allez devoir tester tout cela sur les différentes version d’Internet Explorer, mais aussi les principaux navigateurs disponibles tel que Firefox, Opéra et Safari.
Vous pouvez toujours tenter d’émuler certains OS à partir d’un Mac et de faire tourner les différents navigateurs en utilisant Parallels ou VMWare, mais pour les autres plateformes (Linux et PC) vous allez devoir acheter/emprunter une machine ou alors vous tourner vers des services en ligne qui proposent un “aperçu” du rendu dans divers navigateurs.

WebWorkerDaily nous fournit une liste de 7 services de test navigateurs forts utiles… petit résumé
- IE NetRender comme son nom l’indique rendu pour les version 5.5, 6 et 7 d’Internet Explorer (pour les Linuxiens et les amateurs de Pomme)
- BrowsrCamp rendu de votre site pour les différents navigateurs disponibles sous Mac. Screenshot sur Safari gratuit, ou vous pouvez prendre la main sur 11 navigateur différents (via un VNC) à partir de 3$ pour 2 jours.
- BrowserShots sans aucun doute le plus impressionnant, vous donnant la possibilité de captures d’écran sur plusieurs dizaines de navigateurs sous Linux, Mac et Windows. Seul problème, sa popularité et donc le temps nécessaire pour générer vos screenshots. Vous pouvez souscrire à un abonnement qui vous coûtera 15$ par mois pour vous propulser en haut de la queue de rendu de screenshots…
- BrowserCam vous permet de tester votre site sur différents navigateurs pour les trois OS, la premier jour est gratuit, ensuite c’est 20$ par jour ou 400$ par an. C’est le seul service qui offre le rendu sous BlackBerry ou WindowsMobile.
- Litmus Couvre la majorité des navigateurs Windows (de IE5.0 à l’alpha de Firefox 3) et devraient bientôt inclure la plateforme Mac. Résultats disponibles via screenshots, mais avec module de bugTracking, gestion des versions, et URL privées pour partager vos résultats avec votre équipe. 30 jours de démo disponible, après c’est entre 39 et 129 €
- BrowserPhoto censé faire des tests sur les 3 plateformes sur pleins de navigateurs mais aucune info vraiment précise. Les prix varient de 15$ pour une journée à 150$ pour un an.
- BrowserPool prenez le contrôle d’un Mac, Linux ou Windows via VNC. Les prix commencent à 30€ par mois, mais avec des versions de navigateurs qui commencent à dater un peu.

Même si pour un vrai débuggage (genre javascript bien violent) il est indispensable d’avoir une machine (même émulée) et le navigateur sous la main, ce genre de site peut faire l’affaire pour valider un montage HTML.
Personnellement et après test, mon préféré reste BrowserShots, un peu long, mais vu le nombre de navigateurs dispo… pour des utilisateur régulier cela pourrait mériter de payer les 15$. (vous pouvez aller voir les rendus de TDW sous pleins de navigateurs rigolo ici)

Et vous c’est quoi votre méthode? votre outil de prédilection?



Articles éventuellement en rapport:

4 Responses to “Debuggage Navigateurs en série…”

  1. Mu Says:

    C’est marrant que tu parles de ça car sur ton blog j’ai un souci. Je le regarde sous netvibes et à chaque fois que tu mets une image, le texte est bien sur la droite avant de passer dessous quand l’image est terminée mais du coup le texte se retrouve par dessus la colonne de gauche (catégories)
    Ca fait pas top quoi (je suis sous vista et IE 7 pour info)

  2. redpeppers Says:

    Super ! merci beaucoup pour cet article ! c’est pas que j’aime pas tes teeshirts mais un petit article comme ça c’est over cool aussi :D

    ça me rappelle tristan nitot a la web2 expo à berlin (et ouais en gros veinard j’ai dégoté une place gratos avec logement compris ;) ) qui ouvre son standblog avec firefox 3b2 tout en expliquant que les standards c’est super important patatipatata et là paf ! le design du standblog explose dès qu’il redimensionne la fenetre :D sur le coup il était un peu vert devant 2000 travailleurs du web qui se foutaient de sa gueule joyeusement :D

    bon bref merci encore pour ce giga lien !
    jb

  3. Rémi Says:

    Ca peut dépanner c’est sur mais bon, quand on bosse dans le web il est impensable à mon gout de ne pas tester le site en live, ce que ne me permets pas ce genre de service.

    On a ainsi accès à toutes les pages du site (parties privées notamment) et on peut tester le comportement des différentes actions javascript…

    Un vieil ordi reconverti en machine de test Linux et un p’tit mac mini font largement l’affaire, et ça coute pas bien cher ma foi ;)

  4. babozor Says:

    Je suis complètement, je n’ai peut être pas été suffisamment clair dan l’article… rien de vaut deux/trois ordis pour tester le “vrai” comportement (et surtout si vus avez massivement recours au JavaScript). Mais ça peut vous aider à vaider une charte sur X navigateurs

Laissez un commentaire





« Back to text comment