Connect with us
Bouygues

Internet

Faites fonctionner les 7 principaux navigateurs web… dans votre navigateur, sans installation

Il y a

le

Malgré l’effort évident des différents éditeurs – y compris Microsoft – en vue d’un respect de plus en plus rigoureux des standards du web, la profusion de navigateurs web et du nombre de versions disponibles ne facilite pas toujours la tâche des développeurs quand il s’agit d’obtenir un rendu identique de leurs pages web sur toutes les plate-formes[1]

Il existe plusieurs façons de tester l’affichage de ses sites web sur plusieurs navigateurs : soit vous êtes riche et vous possédez plusieurs machines avec chacune un OS et différentes versions de navigateurs, soit vous êtes bidouilleur et vous possédez une seule machine avec plusieurs OS bootables, soit vous faites comme moi : un bon vieux Windows XP, tous les navigateurs actuels installés, et MultipleIEs de Tredosoft pour faire tourner d’anciennes versions d’Internet Explorer.

Il y a des solutions alternatives, comme celles décrites ici : Testez facilement le design de votre site dans différents navigateurs.

Mais celle de Xenocode est peut-être encore plus simple : pas d’installation (à part un plugin dans… votre navigateur), une simple page web où vous choisissez parmi les 7 principaux navigateurs du marché (de IE6 à Google Chrome), et à vous les joies du test et du surf dans le navigateur de votre choix.
J’ai testé : si l’installation du plugin n’a jamais voulu fonctionner chez mois sur Firefox, cela marche en revanche très bien sur Internet Explorer 7, à partir duquel je peux accéder virtuellement à tous les navigateurs proposés, après un temps de chargement initial de quelques minutes.

Une solution réellement pratique et assez bluffante pour enfin tester en temps réel plusieurs navigateurs simultanément.
[1] j’en sais quelque-chose, Presse-citron ne s’affiche pas très bien dans IE6…

57 Commentaires

57 Commentaires

  1. Sébastien C.

    24 février 2009 at 9 h 50 min

    ça m’a l’air tout à fait génial, je vais le tester de ce pas 🙂

    Merci !

  2. Marc

    24 février 2009 at 9 h 50 min

    Ou alors on installe une machine virtuelle en plus de son OS pour pouvoir tester ses sites sur IE6 et Vista, par exemple.

    Je vais essayer ce plugin mais je ne fais pas trop confiance à ce genre d’outils (surtout si ça ne marche pas sous Firefox…).

  3. Hubert

    24 février 2009 at 9 h 56 min

    C’est outil m’intéresse car en tant que développeur Web c’est toujours une galère de valider la compatibilité des sites sur les différents navigateurs. Il m’arrive souvent de me faire souffler dans les bronches car cela fonctionne nickel sous Firefox (mon navigateur de prédilection) mais pas sous IE 6 (encore très présent dans les grosses sociétés). Dommage par contre, qu’il ne s’installe pas sur Firefox.

  4. Eric

    24 février 2009 at 10 h 05 min

    Peut-être qu’il marchera sur Firefox chez vous, moi ça a planté au moment du redémarrage du browser donc je n’ai pas insisté

  5. pascall

    24 février 2009 at 10 h 13 min

    Salut,
    Vraiment très bien comme outil, surtout que sous Vista il n’y avait pas vraiment de moyen de faire des tests sous IE6, hormis en passant par Microsoft Virtual PC.
    Du coup cela simplifie énormément les choses.
    J’ai le même soucis que Eric avec la version Firefox, apparemment il y au soucis, car après le téléchargement l’icône de l’application ne change pas ( contrairement aux autres ).

  6. Samy

    24 février 2009 at 10 h 17 min

    « Un temps de chargement de quelques minutes » : y a pas comme un souci ?

  7. phil

    24 février 2009 at 10 h 18 min

    Tres interressant en effet, dommage que sous mac rien n’est proposé.

  8. pat

    24 février 2009 at 10 h 25 min

    je propose le boycotte de IE6, je pense que si tous le monde rend son site inexploitable sur IE6 cela forcera les gens à passer au moins au 7…

  9. Samy

    24 février 2009 at 10 h 26 min

    Pat : il y aura toujours des IE6 qui ne pourront pas migrer (ou au moins pas tout de suite), notamment en entreprise …

  10. marc

    24 février 2009 at 10 h 39 min

    Je dois être un peu débile..

    Je ne comprend pas comment ca marche 🙁

    On installe le plugin et… ?

  11. Azza

    24 février 2009 at 10 h 49 min

    Moi ca m’intéresse bien mais j’ai même pas trouvé comment installer le plugin…….. (suis-je bête ? Oo)

  12. Jimluiz

    24 février 2009 at 10 h 49 min

    C’est de la gnognotte 🙂 Il faut tester chaque moteur de rendu dans son véritable environnement, sinon on risque d’avoir des soucis (expérience à l’appui).

  13. Ludo

    24 février 2009 at 10 h 50 min

    Idée intéressante mais ce n’est pas compatible Linux … dommage …

  14. Jimluiz

    24 février 2009 at 10 h 53 min

    J’oubliais, rien de mieux qu’une image de disque virtuel, téléchargeable directement sur le site de Microsoft, il y a différents OS avec différentes version de IE: http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en

  15. Thierry

    24 février 2009 at 10 h 54 min

    çà m’a l’air interessant ce produit

  16. marc

    24 février 2009 at 10 h 55 min

    Effectivement,

    A priori la meilleure solution à l’heure actuelle c’est des machines virtuelles permettant de tester chaque navigateur.

    Car les $*^*@^ù& de clients souhaitant un site IDENTIQUE AU PIXEL PRES (c’est vrai, elle sont si jolies vos chartes !)…
    Quel délire.

    Quand je pense qu’a l’échelle de ma boite (ssii) on ne pense pas à proposer ce genre de solutions..
    (on préfère migrer CVS de linux à win, tellement plus logique…)

    La solution ultime :
    Une application portable (type portable apps), contenant un panel de navigateur conséquent.
    (utilisable chez des clients ou pour assurer la compat’ IE6 tu ne peux l’installer…)

  17. Fred

    24 février 2009 at 10 h 56 min

    Il est dommage que cela ne fonctionne pas sous Firefox et donc sous mac. J’attend avec impatience le plugin Firefox fonctionnant correctement.
    Eric as-tu le lien qui t’as permit de tester l’installation du plugin sous Firefox ?

  18. Sébastien C.

    24 février 2009 at 10 h 57 min

    C’est tout à fait génial je confirme 🙂

  19. denis

    24 février 2009 at 11 h 03 min

    est ce que quelqu’un peut expliquer comment cela fonctionne ? parce que c’est très leger comme explication sur leur site non ?

  20. para

    24 février 2009 at 11 h 10 min

  21. Eric

    24 février 2009 at 11 h 17 min

    @Fred et @denis
    Sur chaque vignette représentant un navigateur, quand tu survoles avec ta souris il y a une icône qui apparaît d’invitant à lancer l’appli, c’est là que le plugin s’installe. Il faut laisser l’installation se dérouler puis fermer et relancer le navigateur, et là tu peux lancer les navigateurs virtuels en cliquant sur leur icône

  22. Peter

    24 février 2009 at 11 h 39 min

    En fait sur Firefox, on télécharge chaque appli sur son pc, et on les lances pour chaque navigateur que l’on veux tester.
    Ils utilisent la technologie de VMWARE avec encapsulation virtuelle du navigateur dans un package qui s’exécute sur n’importe quel machine.

    C’est ce qu’on appelle aujourd’hui les applications portables (tu peux les mettre sur une clé usb et les faire fonctionner n’importe où avec soi)

    On en trouve pleins sur Internet avec la techno VMWARE (comme Adobe Flash Portable par exemple pour créer des fichiers Flash)

    Cela fait les beaux jours du Warez (les applications sont déjà enregistrés à un nom d’utilisateur, il n’y a même plus besoin de les installer sur son pc, il y a juste à les exécuter…)

  23. Peter

    24 février 2009 at 11 h 42 min

    voici un lien en anglais expliquant la façon de procéder

    Tout le monde peut faire la même chose et se créer ses propres plateformes de tests (IE8, IE7, Firefox, etc etc)

    http://hacktolive.org/wiki/Make_portable_applications_with_VMware_ThinApp

  24. Tony (Wisi)

    24 février 2009 at 12 h 09 min

    Genial ! Par contre… Grrrrr… marche pas sur mac 🙁

    Obligé de passer par Parallel

  25. Jules

    24 février 2009 at 12 h 10 min

    Ya IETester sinon : http://www.my-debugbar.com/wiki/IETester/HomePage

    Voilà … 😉

  26. Poupi

    24 février 2009 at 12 h 49 min

    Fabuleux!

    Je viens de télécharger les .exe, tout fonctionne parfaitement.

    Devoir passer par un site Web à chaque fois que je testais mes sites web, ça devenait pénible. Surtout en travaillant Offline (sisi, y’a encore des endroits en France sans le Wifi, j’vous jure!).

    Merci Eric =)

  27. Laurent

    24 février 2009 at 14 h 29 min

    Juste pour info, la version de IE6 est bien une version portable ce qui inclut une mauvaise interprétation du moteur tout comme IETester… mauvaise prise en charge des css surtout au niveau typo/taille… Je reste donc sur mon VPC avec XP et IE6 dedans… de plus à part IE6, IE7 ou IE8 (en fonction, quand on est sur PC évidemment), tous les autres navigateurs sont installables sous win… bref… IETester pour la même utilisation est plus pratique…

  28. Eric

    24 février 2009 at 14 h 44 min

    @Laurent :
    J’ai le vrai IE6 et la version Xenocode ouverts sous les yeux (XP Pro SP3) et je n’ai absolument aucune différence visuelle, l’affichage est rigoureusement le même.

  29. Peter

    24 février 2009 at 15 h 01 min

    @Eric :
    Tu veux dire que ton blog est toujours aussi mal affiché sous IE6 ?

    nan ! j’déconnes !

  30. Eric

    24 février 2009 at 15 h 52 min

    @Peter :
    Oui c’est ça 🙂

  31. Larenzu

    24 février 2009 at 17 h 42 min

    nikel ça eric.. MErci

  32. Mattew

    24 février 2009 at 18 h 04 min

    S’il s’agit d’un outil on-line (je n’ai pas testé), il faudrait uploader les fichiers à chaque F5 lors de l’intégration CSS/XHTML (ce pourquoi on compare les navigateurs, en fait) ? Lorsque l’on travaille avec un serveur local ce n’est pas adapté. Je suis peut-être mal informé, ou je n’ai peut-être pas les bonnes méthodes de travail mais, vous en connaissez beaucoup des développeurs qui travaillent continuellement sur leur serveur de production sur Internet?

  33. Nicolas

    24 février 2009 at 19 h 15 min

    mais ne fonctionne pas sur mac …
    Si vous voulez la faire simple vous pouvez aussi observer les rendu avec http://www.browsershots.org . OK ce ne sont que des capture d’écran et vous ne pouvez pas naviguez dans le site.
    Mais ça permet dans un premier temps de savoir de suite si il y a un gros problème ou non 😉

  34. Scalp

    24 février 2009 at 23 h 51 min

    Ah mais euh pour moi l’intérêt de ce prog c’est de tester mes créations sur environnements Cro$oftien alors je fais quoi de mon .exe 🙁

  35. greg

    25 février 2009 at 2 h 25 min

    Ouh très utile ça cimer !

  36. Pingback: Eureka ! | Le blog d'Arnaud Valliere

  37. pat

    25 février 2009 at 9 h 30 min

    Samy: oui je sais bien malheureusement ma femme est dans ce cas!!! En tous cas pour moi, je développe sur mac j’ai WM ware avec XP explorer6, XP explorer7, Vista (grosse merde qui fait ramer tout le mac), et WINDOWS 7 (beta) avec Explorer8 comme ça je peux tous tester sur un seul ordi, avec bien sur opera, camino, firefox, safari, webkit et même explorer 5.5 (mac) sur mon mac

  38. chriscannes

    25 février 2009 at 12 h 00 min

    pour des tests complets y’a aussi http://browsershots.org/ crossPlatform et browser

  39. boko

    25 février 2009 at 14 h 33 min

    il y a aussi Lunascape, un navigateur utilisant au choix les moteurs de rendu Trident (IE), Gecko (FF) et WebKit (Chrome/Safari)
    http://www.lunascape.tv/

  40. Vonric

    25 février 2009 at 15 h 49 min

    Moi j’observe souvent que quand ca marche sur FF, ça marche pareil sur Chrome, Netscape, Opera, Safari… et pas sur IE. Mais quand ça fonctionne sur IE ca fonctionne partout…a cela on ajoutera que selon les différents IE ca ne fonctionne pas pareil… et on a la recette d’une grosse £$%^&*() et de l’arrachage de cheveux pour le développeur.

  41. eRiiic

    25 février 2009 at 21 h 45 min

    je connaissais pas Browsershots et je suis séduit, cela va bien me servir pour mon projet. Thank you lol

  42. Alias+Docteur+House

    26 février 2009 at 10 h 04 min

    Pour ma part, dès que la version 8 de IE sera proposée en mise à jour automatique, je considérerai toutes les autres versions inférieures comme indésirables sur mon site en les renvoyant directement sur la page de mise à jour de MS.
    Tant pis pour les dégats, tant pis pour les stats mais il faut en finir une bonne fois pour toute avec ce conservatisme non productif.
    En ce sens la Norvège vient de prendre la bonne décision (voir article sur pcinpact je crois).

  43. Mattew

    26 février 2009 at 15 h 46 min

    @Alias Docteur House: c’est un peu extrême de déprécier toutes les versions inférieurs à 8… je dirais que d’abandonner IE6 déjà nous soulage d’un gros poids.

  44. Pingback: Comment tester l’interopérabilité entre les navigateurs Web ? « Spizeo le blog

  45. Pingback: Les liens de la semaine | Oxeron Internet and Mobile Service Sarl

  46. Pingback: Mon bloc de blogs n°45

  47. ioeo

    3 mars 2009 at 7 h 40 min

    trojan détécté dans le plugin ie6 …

  48. Pingback: Outils de tests multi-navigateurs | Blog Loïc Morvan : Web 2.0

  49. Pingback: Tester ses sites dans plusieurs navigateurs | Presse-Citron

  50. truffo

    1 août 2009 at 20 h 02 min

    S’il faut mettre un VM windows pour pouvoir utiliser le service, autant mettre une VM par type de navigateur.

    Bonne idée à la base, mauvaise solution, enfin moi je dis ca je dit rien

  51. Pingback: Faites fonctionner les 7 principaux navigateurs web… dans votre navigateur, sans installation | Presse-Citron

  52. Pingback: Browsera teste la conformité de vos sites web dans plusieurs navigateurs | Presse-Citron

  53. maniT4c

    27 octobre 2009 at 9 h 12 min

    Je conseil également les machine virtuelle car même si le plugin proposé par eric donnera des résultats correcte sur certain site cela ne veut pas dire qu’il fonctionne avec tous. Alors qu’une machine virtuelle ne laisse aucun doute quant au rendu obtenu car on travail dans le même environnement.
    C’est un peu lourd à gérer en effet mais c’est la garanti de ne pas se gourer qui importe !

  54. Tataouine

    12 janvier 2010 at 0 h 58 min

    J’ai beau galérer avec IE! Ils n’ont jamais pensé à respecter les standards du rendu!

  55. nesk

    16 février 2010 at 14 h 15 min

    Merci pour cette solution qui facilite la pire tache du webdesigner…

  56. Lacalau

    11 mai 2010 at 6 h 39 min

    Trop utile pour tester si son site passe sur toutes les versions d’un navigateur!

  57. denouézéchias

    17 août 2010 at 21 h 30 min

    c’est pas facile pour moi de gérer l’affichage dans les navigateurs en tant que concepteur..

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Dernières news

Les bons plans

Les tests