Menu

Tutoriel IE Tester - Test du navigateur Internet Explorer en ligne

  • Principal
  • Autre
  • Tutoriel IE Tester - Test du navigateur Internet Explorer en ligne

ie tester tutorial internet explorer browser testing online

Essayez Notre Instrument Pour Éliminer Les Problèmes

Tutoriel IE Tester: Apprenez à utiliser l'outil de test d'Internet Explorer pour tester le site Web sur différentes versions d'Internet Explorer

IE Tester est un logiciel utilisé pour vérifier si un site Web / une page Web particulier fonctionne parfaitement sur toutes les versions d'Internet Explorer.

En utilisant IE Tester, vous pouvez consulter votre site Web sur toutes les versions d'IE en une seule fois. IE Tester est un logiciel gratuit de Core Services.

ie testeur

Ce que vous apprendrez:

Pourquoi IE Tester?

Même si de nombreux navigateurs open source sont disponibles, de nombreuses organisations ne prennent en charge que Internet Explorer. Parce que de nombreuses autorisations d'administrateur sont nécessaires pour télécharger et installer n'importe quel logiciel.

Dans un tel cas, l'exigence du client serait que son application Web fonctionne correctement sur toutes les versions d'Internet Explorer. Par conséquent, dans cette situation, un testeur doit effectuer des tests d'interface utilisateur sur toutes les versions possibles du navigateur.

De plus, si le client a spécifiquement mentionné un navigateur qu'il va utiliser lors du test de l'interface du navigateur, il n'est pas nécessaire de vérifier le site Web sur d'autres navigateurs. Les testeurs peuvent directement aller de l'avant en testant le site Web uniquement sur les versions requises d'Internet Explorer. Testeur IE est le meilleur outil pour cette situation.

Internet Explorer lui-même offre une option pour tester les sites Web sur ses multiples versions. Cependant, il ne propose pas d'option pour tester des sites Web sur Internet Explorer 6 et 7.

Vous ne pouvez tester un site Web que sur Internet Explorer 8 et supérieur. Afin de faire cela juste que ouvert Internet Explorer => appuyez sur F12 => Les outils de développement s’ouvriront => Cliquez sur la flèche vers le bas => Sélectionnez Emulation => Sous ‘User-agent string’, vous obtiendrez les différentes versions d’Internet Explorer.

IE Tester vous offre la possibilité de tester votre site Web sur Internet Explorer 6 et supérieur.

Téléchargement et installation du testeur IE

Télécharger IE Tester sur Page d'accueil IETester .

Cliquez sur le bouton vert disant 'Télécharger IE Tester v0.5.4 (60 Mo)' . Le processus de téléchargement commencera immédiatement et vous verrez la barre de progression de téléchargement suivante en bas de la page.

Télécharger la barre de progression

Une fois que cela est terminé, double-cliquez sur le fichier exe et vous obtiendrez une fenêtre contextuelle montrant le contrat de licence. Clique sur le 'Je suis d'accord' et vous pourrez voir la fenêtre suivante.

Installer IE Tester

Ici, j'ai décoché toutes les langues autres que l'anglais. Vous pouvez même garder toutes ces langues cochées. Clique sur le 'Suivant' et vous verrez la fenêtre suivante.

Sélectionnez l

Clique sur le 'Installer' bouton.

Processus d

L'installation sera terminée en quelques secondes et vous verrez un raccourci sur l'écran de votre bureau. Double-cliquez dessus pour l'ouvrir. Le premier regard de IE Tester sera comme indiqué ci-dessous.

Premier coup d

Comment utiliser l'outil de test d'Internet Explorer?

Boutons pour chaque version d

Comme le montre l'image ci-dessus, il y a des boutons pour chaque version d'IE. Vous pouvez consulter votre site Web / page Web sur n'importe quelle version en cliquant sur ce bouton particulier ou sur le dernier bouton correspondant à «Toutes les versions d'IE».

En utilisant ce bouton, vous pouvez vérifier votre site Web / page Web sur toutes les versions mentionnées. Lorsque vous cliquez sur le «Toutes les versions d’IE» bouton, vous verrez la fenêtre suivante comme indiqué ci-dessous.

Avec tous ces boutons, un bouton pour IE version10 est désactivé. Il ne sera activé que si IE version10 est la version par défaut et que ce n'est que sur Windows 8, c'est-à-dire que ce bouton ne sera activé que si votre système d'exploitation est Windows 8.

Sélectionnez et désélectionnez n

Comme le montre l'image ci-dessus, vous pouvez sélectionner et désélectionner n'importe quelle version selon votre choix. Saisissez l'URL dans l'espace indiqué et cliquez sur 'OK'. Différents onglets s'ouvriront pour chaque version et vous pourrez sélectionner vos fichiers HTML stockés sur votre ordinateur en utilisant le bouton «Parcourir».

Sélectionnez la version 10, entrez l'URL, cliquez sur 'OK' et vous pourrez vérifier votre site Web / page Web sur la version 10 d'IE. Ainsi, même si le bouton direct n'est pas activé, vous pouvez utiliser cette méthode pour vérifier le site Web / la page Web sur la version10. Lorsque vous cliquez sur 'OK' en saisissant l'URL, vous pourrez voir la fenêtre suivante.

Page Web ouverte sur la version 10 d

Comme le montre l'image ci-dessus, une page Web est ouverte sur la version 10 d'IE. Nous allons maintenant voir tous les boutons, menus et sous-menus d'IE Tester un par un.

Bouton Fermer l'onglet: Ce bouton se trouve à côté du logo IE Tester avec une flèche de couleur noire comme indiqué dans l'image ci-dessous. Il ferme l'onglet actif. Le raccourci clavier de ce bouton est «Ctrl + W».

Bouton Fermer l

Voyons maintenant la flèche qui se trouve à côté du bouton de l'onglet Fermer, c'est-à-dire la flèche de couleur brune illustrée dans l'image ci-dessus. Si vous cliquez sur cette flèche, vous obtiendrez quatre options. La première option est 'Fermer' . Si vous sélectionnez cette option, le bouton «Fermer l'onglet» se fermera ou ne sera pas visible.

La prochaine ou deuxième option est 'Plus de commandes' . Vous verrez la fenêtre suivante lorsque vous sélectionnez cette option.

Plus d

Ici, il y a une liste déroulante appelée 'Choisissez des commandes dans' . En fonction de l’option sélectionnée dans cette liste déroulante, les commandes changeront et vous pourrez ensuite «Ajouter» ou «Supprimer» des commandes en conséquence. Appuyez sur «Ok» pour finaliser les modifications et appuyez sur 'Réinitialiser' pour annuler les modifications.

Il y a un bouton appelé 'Personnaliser' , à l'aide duquel vous pouvez personnaliser les raccourcis clavier pour une commande particulière.

Si vous cochez la case appelée 'Afficher la barre d'outils d'accès rapide sous le ruban' puis une barre d'outils sera affichée comme dans l'image ci-dessous. La même option est disponible dans la liste déroulante de la flèche située juste à côté du 'Fermer l'onglet' bouton, indiqué par une flèche brune dans notre image précédente.

Si vous le souhaitez, vous pouvez à nouveau le déplacer vers le haut. Lorsque vous déplacez cette barre d'outils sous le ruban, au lieu de l'option 'Afficher sous le ruban' , vous verrez l'option 'Afficher au-dessus du ruban' .

Montré sous le ruban

Onglet Accueil: Comme le montre l'image ci-dessous, il existe différentes options de navigation et de débogage disponibles dans cet onglet.

Option de navigation et de débogage

Si vous accédez à différentes pages, le 'Précédent' et 'Suivant' les boutons seront activés. Une fois que vous ouvrez l'onglet et tapez dans la barre d'adresse, le 'Rafraîchir' Le bouton sera activé. La 'Arrêter' Le bouton est activé uniquement lorsque le testeur IE ouvre une nouvelle page.

Si plusieurs onglets (plus d'un) sont ouverts, seul le 'Tout fermer sauf l'onglet actif' Le bouton sera activé. Le bouton 'Fermer tous les onglets' sera activé même si un seul onglet est ouvert.

'Activer / désactiver la barre de débogage' et le bouton 'Favoris' seront activés lors de l'ouverture d'un onglet. Pour utiliser les options «Activer / désactiver la barre de débogage», vous devez télécharger la barre de débogage. L'ancienne version ne fonctionnera pas avec la dernière version d'IE Tester. Le bouton 'Favoris' ne fonctionnera pas comme prévu.

Onglet Outils de développement: Cet onglet donne principalement les options utiles aux développeurs. Vous pouvez afficher le code source de la page Web. Vous pouvez augmenter ou diminuer la taille du texte. Il sera utile pour les tests d'utilisabilité et d'interface utilisateur. Vous pouvez afficher la page Web en désactivant les images, java, les scripts java, ActiveX, etc.

Vous pouvez également tester la page Web en désactivant les vidéos et les sons de fond. Vous devez télécharger la barre de débogage dans la barre de débogage Toggle et afficher le code source. Cela sera également utile pour les développeurs.

Onglet Afficher: Comme le montre l'image ci-dessous, l'onglet d'affichage comporte 2 boutons, à savoir «Plein écran» et «Masquer le ruban». En utilisant le 'Plein écran' bouton, vous pouvez voir votre page Web en mode plein écran et dans ce mode, vous ne verrez qu'un seul bouton, c'est-à-dire «Fermer le plein écran» pour quitter le mode plein écran.

onglet vue

Si vous cliquez sur le 'Masquer le ruban' vous obtiendrez le même effet que le mode plein écran. La seule différence est qu'en mode plein écran, vous verrez constamment un bouton à l'écran pour quitter ce mode plein écran, et en mode Masquer le ruban, vous n'obtiendrez aucun bouton. Pour quitter ce mode, vous devez cliquer sur le logo du testeur IE et sélectionner l’option «Afficher le ruban».

Onglet Options: Dans l'onglet Options, vous avez des options d'impression. Ici, vous pouvez vérifier la version de IE Tester et si une nouvelle version de IE Tester est disponible, vous pouvez ouvrir les propriétés Internet à l'aide du bouton «Options d’Internet Explorer» .

Réduisez l'onglet du ruban: Lorsque vous cliquez sur ce bouton, la barre d'outils que vous utilisez est réduite. Vous verrez le 'Afficher le ruban' bouton pour le maximiser. L'effet de l'utilisation de ce bouton est différent du mode plein écran et du mode de masquage du ruban. Cela minimise simplement la barre d'outils et vous pourrez voir les en-têtes.

À quoi ressemble le testeur IE?

L’image suivante vous montre à quoi ressemblera une page Web dans IE Tester si la version d’Internet Explorer est prise en charge. Ici, nous avons utilisé l'URL www.firstcry.com avec la version par défaut d'Internet Explorer (Microsoft Edge).

Look de testeur IE

L'image ci-dessous vous montrera à quoi ressemblera la page Web dans IE Tester si la version d'Internet Explorer n'est pas prise en charge par le site Web. Pour cela, j'ai utilisé la même URL avec la version 6 d'Internet Explorer.

IE Tester recherche une version non prise en charge

Erreurs du logiciel de test d'Internet Explorer

Ici, avec la version de IE Tester, nous n'avons essayé que IE6, IE10 (IE10 n'est pas censé fonctionner selon l'équipe IE Tester) et Default IE fonctionnent. Autre que la page google lors de la tentative d'ouverture de www.firstcry.com, l'erreur suivante se produit.

comment utiliser solarmovie sans vous inscrire

Erreur du testeur IE

En cliquant sur le bouton de la version IE 5, un message d'erreur indiquant «Impossible de charger la version IE demandée» peut être vu comme dans l'image ci-dessous. S'il ne peut pas être rendu disponible, il doit être supprimé de la barre d'outils.

Erreur de version 5

Conclusion

IE Tester est utile pour les testeurs ainsi que pour les développeurs et permet de gagner beaucoup de temps. Le téléchargement et l'utilisation des anciennes versions d'Internet Explorer requis est un travail fastidieux. Par conséquent, IE Tester aide beaucoup dans les tests.

Pour les tests de compatibilité du navigateur, de nombreux outils payants sont disponibles, mais cela affecte définitivement le budget du projet. IE Tester est un outil gratuit et facile à utiliser qui est très utile pour les tests de compatibilité des navigateurs.

Êtes-vous prêt à essayer?

lecture recommandée

^