Comment puis-je tester mon site dans IE6, IE7, IE8, IE9, IE10 et Internet Explorer 11

84

Comment puis-je tester mon site de manière fiable sur toutes les anciennes versions d'Internet Explorer, de IE6 à la version IE11?

internet-explorer testing ilhan
la source
1
N'y a-t-il pas eu un site partenaire d'échange de pile qui l'ait fait il y a environ un an? C'était sur un podcast stackoverflow ... J'ai oublié le nom et je ne trouve aucune référence à celui-ci.
Kjensen

Réponses:

87

En appuyant F12sur IE8, vous devez démarrer les outils de développement qui vous permettent d’émuler IE7 (pas IE6) à l’aide du mode Navigateur.

IE8 émule IE7

Je suppose que sur IE9, vous pourrez émuler au moins jusqu’à IE7, mais je suppose seulement parce que cela m’irrite maintenant de l’idée simple de devoir acheter W7 pour pouvoir le tester.

UPDATE: comme spécifié par Jeff Atwood: IE9 émule également jusqu'à IE7.

UPDATE 2: comme suggéré par Nick dans les commentaires ci-dessous, si vous voulez émuler à 100% les anciens navigateurs IE, vous pouvez utiliser les ordinateurs virtuels fournis par Microsoft (ils sont également fournis gratuitement). De plus, gardez à l'esprit que les tests sur les ordinateurs virtuels prennent plus de temps que d'utiliser les outils de développement IE, il peut être intéressant de tester des ordinateurs virtuels IMHO pour tester quelque chose qui est JS / CSS gourmand, comme une application Web ou un site Web complexe. utilisez jQuery et certains CSS.

Marco Demaio
la source
3
+1 - Quel timing parfait! Une heure de mon temps a été perdue à jamais alors que je recherchais dans l'entreprise entière quelqu'un qui restait bloqué en 2007 avec IE7. Ensuite, cela a pris 30 bonnes minutes pour obtenir un partage d'écran avec elle afin de pouvoir vérifier qu'elle utilisait réellement IE7 et non IE8. Maintenant, au lieu d’installer Windows XP et IE7 sur une image VMWare pour corriger mon bogue, je vais utiliser votre solution apparemment évidente et simpliste qui semble si longtemps échapper à ma vision;) Comment aurais-je pu rater ça? Je vous remercie!!
Jmort253
4
En effet, confirmé: IE9 vous permet d’émuler le mode de compatibilité IE7, IE8, IE9 et IE9.
Jeff Atwood
2
Est-ce que l'émulation est exactement la même, ou pourrait-il y avoir de petites différences.
Saif Bechan
1
@Saif Bechan: il peut exister des différences évidentes compte tenu des milliers de mises à jour publiées continuellement par Microsoft pour leurs navigateurs et leurs systèmes d'exploitation. Mais pensez aux autres possibilités de tester IE: vous devez installer 3 VM avec Windows, un pour IE7, un ou IE8 et un pour IE9. Mais ces environnements de test peuvent également être différents des environnements d’utilisateur final qui ont probablement installé (ou n’ont pas installé) certaines mises à jour Windows / IE / Office que vous n’avez pas installées.
Marco Demaio
3
@MarcoDemaio Il existe clairement des différences entre le mode IE 7 d'IE 9 et le véritable IE 7. J'ai donné deux exemples ici .
Nick
24

Testeur IE Il fait IE6, 7, 8 et 9

John Conde
la source
2
Sauf quelques limitations qui font déjà penser que ce n'est pas un testeur fiable: 1. Les boutons Précédent / Suivant ne fonctionnent pas correctement; 2. La mise au point ne fonctionne pas correctement. 3. windows.open ne renvoie pas la fenêtre nouvellement créée mais null.
Marco Demaio
1
Intéressant. Je n'ai pas ces problèmes.
John Conde
2
ils sont écrits ici aussi bien que question: my-debugbar.com/wiki/IETester/HomePage
Marco Demaio
1
@marco, je dois utiliser une version plus ancienne avant que ces bugs ne soient introduits. J'ai de la chance. :) Néanmoins, les navigateurs eux-mêmes fonctionnent et feront ce qui doit être fait.
John Conde
1
@marco J'ai toujours vu la note sur les boutons Précédent / Suivant et je suppose que dans certaines conditions, ils peuvent ne pas fonctionner, mais ils ont toujours fonctionné correctement pour moi.
joshuahedlund
9

Microsoft a récemment publié son propre outil de test de compatibilité avec les IE. C'est supposé faciliter ce processus. Il s'appelle Modern.ie: http://www.modern.ie/

Miriam Schwab
la source
7

Vous pouvez également utiliser le site Web de photos de navigateur si vous testez la mise en page. Vous mettez dans l'URL et il renvoie des images de votre site dans un tas de différents navigateurs.

http://browsershots.org/

lovefaithswing
la source
1
Malheureusement, cela n'a pas fonctionné pour IE pendant un certain temps. Vous pouvez le choisir, mais la liste des serveurs est «Indisponible» pour IE dans la page d'état. Pour les tests uniquement sur IE, Net Render effectue un travail simpliste mais correct: ipinfo.info/netrenderer
Itai
1
@ Itai - c'était peut-être temporaire. Je viens d'essayer Browsershots et il m'a montré des captures d'écran de ma page de test dans IE 6, 7, 8. IE9 n'est pas une option disponible ici.
mvark
1
@mvark - Zut! J'ai essayé aujourd'hui aussi et les usines IE étaient hors ligne, je vais réessayer.
Itai
1
@lovefaithswing: intéressant, dommage qu'ils ne soient que des captures d'écran. Mais je conviens que la gratuité vaut mieux que rien.
Marco Demaio
5

Microsoft a également publié " Expression Web 4 " dans le but de comparer différentes versions d’IE. Mais vous devez payer pour cela et vous avez besoin d'un Windows XP SP3 ou de toute version ultérieure de Win.

Expression Web 3 est disponible au téléchargement gratuitement, mais n'inclut que les comparaisons d'IE6, IE7 à IE8. (manque IE9)

Feelela
la source
1
Pour votre information: ils ont maintenant décidé de distribuer (incroyablement gratuitement) des ordinateurs virtuels à utiliser à des fins de test. Voir les commentaires de Nick à ma réponse.
Marco Demaio
1
Ils le font depuis des années, mais ces machines virtuelles ont une durée d'utilisation, pour autant que je m'en souvienne.
feeela
4
En fait, ils écrivent une note sur le même lien microsoft.com/en-us/download/details.aspx?id=11575 pour taper slmgr –rearmà l'invite de commande afin de réinitialiser les images pour toujours, de manière à ce qu'elles n'expirent jamais, même si vous avez gagné. t être capable de sauver quoi que ce soit sur ces imasges, mais pour les tests pourrait suffire.
Marco Demaio
2
Expression Web 4 est maintenant disponible gratuitement, mais le produit Expression Web n'est plus en développement.
Jacob Hume
4

Crossbrowsertesting est un site que j'ai essayé pendant un moment. Très bien, vous obtenez une nouvelle installation du navigateur sur une machine virtuelle à laquelle vous accédez via VNC. Utile, en particulier pour les sites plus dynamiques.

David
la source
4

Si vous souhaitez simplement vérifier la conception de vos pages Web sur différents navigateurs IE, essayez Browsershots ou WebPageTest. WebPageTest est fondamentalement un outil de test de performance gratuit, mais si vous sélectionnez l'onglet "Comparaison visuelle" à partir de leur page d'accueil et soumettez une URL à tester, le site génère des miniatures extensibles de la vue " au-dessus du pli " de votre page Web et éventuellement une vidéo de cette page Web pendant le chargement. WebPagetest est un outil open source que vous pouvez installer localement et exécuter votre propre instance. WebPagetest vous permet de tester dans les versions 6 à 9 d'IE.

Si vous souhaitez tester manuellement la navigation et les fonctionnalités de votre site, et pas seulement la conception et la présentation, installez les images Virtual PC librement disponibles de IE 6, 7, 8 sur votre ordinateur Windows 7. Des outils comme IETester peuvent ne pas être complètement fiables .

mvark
la source
4

J'utilise VirtualBox pour exécuter des copies de Windows XP avec chaque navigateur installé. Ce n'est pas «idéal», mais cela fonctionne pour moi et il est très facile à configurer et à utiliser. C'est probablement aussi le meilleur reflet de la réalité du navigateur sur un système d'exploitation donné.

chrism2671
la source
4

Essayer

http://utilu.com/IECollection/

Vous pouvez installer IE 5,6,7,8 côte à côte sur une machine Windows ou une machine Windows VirtualBox.

RogueSkolar
la source
3

Si vous vous contentez d'un simple contrôle visuel, vous pouvez utiliser le logiciel BrowserLab d'Adobe . Cela fait partie de la suite de services en ligne CS Live proposée par Adobe. À l'heure actuelle, vous pouvez obtenir une adhésion gratuite de CS Live pendant 12 mois. Il s'agit donc d'une bonne solution gratuite à court terme. Vous pouvez exécuter des tests simultanément sur plusieurs combinaisons navigateur / système d'exploitation et voir les différences de rendu en les comparant côte à côte.

Cependant, il est toujours préférable de disposer de machines de test (ou de machines virtuelles) réelles, car Browserlab ne peut pas vous dire si le JavaScript est cassé ni vous aider à déboguer des erreurs CSS ou des erreurs de balisage. Cela vous indiquera seulement que la mise en page ne s'affiche pas correctement sur une plate-forme particulière. Mais il est agréable de pouvoir saisir une URL et d’obtenir en un instant des captures d’écran de la page Web sur la plupart des principales combinaisons système d’exploitation / navigateur.

Lèse majesté
la source
3

Il existe Browserling qui permet de tester IE 5-9 et différentes versions d'autres principaux navigateurs, et tout cela à partir du navigateur de votre choix!

Atul Goyal
la source
1
Ils ne semblent pas très fiables, leur site est tout faux sur IE7 et IE8. Je veux dire, s’ils ne sont pas les premiers à tester leur site sur plusieurs navigateurs, je me demande comment puis-je faire confiance à leur outil de test pour plusieurs navigateurs.
Marco Demaio
3

J'utilise le bac à sable du navigateur spoon.net - http://spoon.net/Browsers .

Il vous permet d’exécuter IE6-9 sur votre ordinateur sans avoir à les installer. Ils disposent également de la console du navigateur et fonctionnent avec la barre d’outils pour développeurs IE, qui facilite le débogage css / javascript.

os2firefox
la source
Payer pour toutes les anciennes versions du navigateur.
KC
3

Il n'y a pas de substitut aux boîtes natives et dures exécutant les plates-formes souhaitées. Aucune suite de tests IE n'est complètement précise, et plusieurs vont générer des erreurs qui n'apparaissent pas en production (perdre votre temps en faux positifs). Les machines virtuelles ne sont pas aussi fiables qu'on le pense - j'ai vu plusieurs bogues spécifiques aux machines virtuelles tout en essayant d'exécuter IE6 (le moteur de rendu d'IE6 repose sur la coordination de certains threads, que les machines virtuelles ne peuvent pas gérer correctement).

Si les fonctionnalités d'IE6 / 7 sont importantes pour votre organisation, je pense que vous pouvez facilement justifier de dépenser un montant marginal sur deux boîtiers WinXP bon marché. IETester est lent comme de la mélasse et tombe en panne, et le «mode de compatibilité» d'IE, bien que pratique pour un premier passage, n'est pas à la hauteur si vos clients comptent vraiment sur le logiciel que vous utilisez pour gérer leurs anciens boîtiers.

Jimmy Breck-McKye
la source
1
Le problème, ce n’est pas d’acheter des machines WinXP, mais le temps que l’on met à tester sur des boites dures, il me faudrait déplacer physiquement mes fesses d’un PC à l’autre, c’est vraiment un travail ardu pour un programmeur. Je lève rarement les bras au-dessus du clavier pendant plus de 15 degrés. :-)
Marco Demaio
2
@MarcoDemaio - pourquoi ne pas utiliser des sessions à distance?
Jimmy Breck-McKye
3

Microsoft fournit gratuitement et sans inscription des machines virtuelles pour:

  • IE8 sur Win7
  • IE9 sur Win7
  • IE10 sur Win7
  • IE11 sur Win7
  • IE11 sur Win81
  • Edge sur Win10

Pour la plateforme suivante:

  • VirtualBox
  • Vagabond
  • HyperV
  • VPC
  • VMware
  • Les parallèles
Ortomala Lokni
la source
0

j'ai beaucoup cherché la solution, le meilleur que j'ai trouvé utilise firefox 8.0 avec un plugin pour onglet IE, dans ce cas, vous pouvez tester votre site web sur IE6, IE7, IE8, IE9. J'espère que cela aidera

ninar
la source
2
"IE Tab plugin" n'utilisera-t-il pas la version d'IE installée sur la machine?
MrWhite
Regardez: addons.mozilla.org/en-US/firefox/addon/ie-tab
Ortomala Lokni