Menú

Tutorial IE Tester: proves en línia del navegador Internet Explorer

  • Principal
  • Altres
  • Tutorial IE Tester: proves en línia del navegador Internet Explorer

ie tester tutorial internet explorer browser testing online

Proveu El Nostre Instrument Per Eliminar Problemes

Tutorial IE Tester: apreneu a utilitzar l'eina Internet Explorer Tester per provar el lloc web en diferents versions d'Internet Explorer

IE Tester és un programari que s'utilitza per comprovar si un lloc web o una pàgina web concrets funcionen perfectament en totes les versions d'Internet Explorer.

Mitjançant IE Tester podeu consultar el vostre lloc web en totes les versions d’IE d’una sola vegada. IE Tester és un programari lliure de Core Services.

és a dir, provador

Què aprendreu:

Per què IE Tester?

Tot i que hi ha molts navegadors de codi obert disponibles, moltes organitzacions només admeten Internet Explorer. Com que es necessiten molts permisos d'administrador per descarregar i instal·lar qualsevol programari.

En aquest cas, el requisit del client seria que la seva aplicació web funcioni bé en totes les versions d’Internet Explorer. Per tant, en aquesta situació, un provador ha de realitzar proves d’interfície d’usuari en totes les versions possibles del navegador.

A més, si el client ha mencionat específicament un navegador que utilitzarà al mateix temps que realitzarà proves de la interfície del navegador, no cal que comproveu el lloc web en altres navegadors. Els provadors poden continuar directament provant el lloc web només a les versions requerides d’Internet Explorer. Provador IE és la millor eina per a aquesta situació.

El propi Internet Explorer ofereix una opció per provar els llocs web en diverses versions. Tot i això, no ofereix cap opció per provar llocs web a Internet Explorer 6 i 7.

Només podeu provar un lloc web a Internet Explorer 8 i versions posteriors. Per fer-ho tan obert Internet Explorer => premeu F12 => S'obriran les eines per a desenvolupadors => Feu clic a la fletxa avall => Seleccioneu Emulació => A la secció 'User-agent string' obtindreu les diferents versions d'Internet Explorer.

IE Tester us proporciona una opció per provar el vostre lloc web a Internet Explorer 6 i versions posteriors.

Descàrrega i instal·lació del IE Tester

Descarregueu IE Tester des de IETester HomePage .

Feu clic al botó verd que diu 'Baixeu IE Tester v0.5.4 (60 MB)' . El procés de descàrrega s'iniciarà immediatament i veureu la següent barra de progrés de descàrrega a la part inferior de la pàgina.

Baixeu la barra de progrés

Un cop s'hagi completat, feu doble clic al fitxer exe i obtindreu una finestra emergent que mostrarà l'acord de llicència. Feu clic al botó 'Estic dacord' i podreu veure la finestra següent.

Instal·leu IE Tester

Aquí he desmarcat tots els idiomes diferents de l'anglès. Fins i tot podeu controlar tots aquests idiomes. Feu clic al botó 'Pròxim' i veureu la finestra següent.

Seleccioneu Instal·la la ubicació

Feu clic al botó 'Instal·la' botó.

Procés d’instal·lació

La instal·lació es completarà en qüestió de segons i veureu una drecera a la pantalla de l’escriptori. Feu doble clic damunt per obrir-lo. El primer aspecte del IE Tester serà el que es mostra a continuació.

Primera mirada de l

Com s'utilitza l'eina de proves d'Internet Explorer?

Botons per a cada versió d’IE

Com es mostra a la imatge anterior, hi ha botons per a cada versió de IE. Podeu consultar el vostre lloc web o pàgina web en qualsevol versió fent clic al botó en concret o a l’últim botó que inclou 'Totes les versions de l’IE'.

Mitjançant aquest botó podeu consultar el vostre lloc web / pàgina web en totes les versions esmentades. Quan feu clic al botó 'Totes les versions IE' botó veureu la finestra següent com es mostra a continuació.

Amb tots aquests botons, es desactiva un botó per a la versió 10 de l'IE. Només s’activarà si la versió 10 de l’IE és la versió per defecte i només és a Windows 8, és a dir, aquest botó només s’habilitarà si el vostre sistema operatiu és Windows 8.

Seleccioneu i desseleccioneu qualsevol versió

Com es veu a la imatge anterior, podeu seleccionar i desseleccionar qualsevol versió segons la vostra elecció. Introduïu l'URL a l'espai indicat i feu clic a 'D'acord'. S’obriran diferents pestanyes per a cada versió i podeu seleccionar els fitxers HTML emmagatzemats a l’ordinador mitjançant el botó ‘Examinar’.

Seleccioneu la versió 10, introduïu l'URL, feu clic a 'D'acord' i podreu consultar el vostre lloc web / pàgina web a la versió 10 de l'IE. Per tant, fins i tot si el botó directe no està habilitat, podeu utilitzar aquesta manera per comprovar el lloc web / pàgina web a la versió10. Quan feu clic a 'D'acord' introduint l'URL, podreu veure la finestra següent.

Pàgina web oberta a IE versió 10.

Com es veu a la imatge anterior, s'obre una pàgina web a la versió 10. IE. Ara, veurem tots els botons, menús i submenús de l'IE Tester un per un.

Botó Tanca la pestanya: Aquest botó es troba al costat del logotip IE Tester amb una fletxa de color negre, tal com es mostra a la imatge següent. Tanca la pestanya activa. La drecera de teclat d’aquest botó és ‘Ctrl + W’.

Botó Tanca la pestanya

Ara coneixem la fletxa que hi ha al costat del botó de tancament de la pestanya, és a dir, la fletxa de color marró que es mostra a la imatge superior. Si feu clic a aquesta fletxa, obtindreu quatre opcions. La primera opció és 'Tanca' . Si seleccioneu aquesta opció, el botó 'Tanca la pestanya' es tancarà o no serà visible.

La següent o segona opció és 'Més ordres' . Veureu la finestra següent quan seleccioneu aquesta opció.

Opció de més ordres

Aquí hi ha una llista desplegable anomenada 'Tria ordres de' . Depenent de l’opció seleccionada en aquesta llista desplegable, les ordres canviaran i, a continuació, podeu fer les ordres «Afegeix» o «Elimina» en conseqüència. Premeu 'Ok' per finalitzar els canvis i premeu 'Restableix' per desfer els canvis.

Hi ha un botó anomenat 'Personalitza' , amb el qual podeu personalitzar les dreceres de teclat per a una ordre concreta.

Si marqueu la casella de selecció anomenada ‘Mostra la barra d’eines d’accés ràpid sota la cinta’ llavors es mostrarà una barra d'eines com a la imatge següent. La mateixa opció està disponible a la llista desplegable de la fletxa que es troba just al costat de 'Tanca la pestanya' , que es mostra amb una fletxa marró a la nostra imatge anterior.

Si voleu, podeu canviar-lo de nou cap a la part superior. Quan moveu aquesta barra d'eines per sota de la cinta, en lloc de l'opció 'Mostra a sota de la cinta' , veureu l'opció 'Mostra a sobre de la cinta' .

Es mostra a sota de la cinta

Pestanya Inici: Com es mostra a la imatge següent, hi ha diferents opcions de navegació i depuració disponibles en aquesta pestanya.

Opció de navegació i depuració

Si navegueu a diferents pàgines, el fitxer 'Anterior' i 'Pròxim' s'activaran els botons. Un cop obriu la pestanya i escriviu a la barra d'adreces, el fitxer 'Actualització' el botó s'activarà. El 'Atura' el botó només s'activa quan el IE Tester obre una pàgina nova.

Si hi ha diverses pestanyes (més d'una) obertes, només el fitxer 'Tanca-ho tot excepte la pestanya activa' el botó s'activarà. El botó 'Tanca totes les pestanyes' s'activarà encara que només estigui oberta una pestanya.

S'activa la barra de depuració i el botó 'Preferits' mentre s'obre una pestanya. Per utilitzar les opcions de la barra de depuració, canvieu la barra de depuració. La versió anterior de la mateixa no funcionarà amb la versió més recent de IE Tester. El botó 'Favorits' no funcionarà segons les expectatives.

Pestanya Eines de desenvolupament: Aquesta pestanya proporciona principalment les opcions útils per als desenvolupadors. Podeu veure el codi font de la pàgina web. Podeu augmentar o reduir la mida del text. Serà útil per fer proves d’usabilitat i interfície d’usuari. Podeu veure la pàgina web desactivant imatges, java, scripts java, ActiveX, etc.

També podeu provar la pàgina web desactivant els vídeos i els sons de fons. Heu de descarregar la barra de depuració a la barra de depuració i visualitzar el codi font. També serà útil per als desenvolupadors.

Pestanya Visualització: Com es mostra a la imatge següent, la pestanya de visualització té 2 botons, és a dir, 'Pantalla completa' i 'Amaga la cinta'. Utilitzant el 'Pantalla completa' , podeu veure la vostra pàgina web en mode de pantalla completa i, en aquest mode, només veureu un botó, és a dir, 'Tanca la pantalla completa' per sortir del mode de pantalla completa.

pestanya de visualització

Si feu clic a 'Amaga la cinta' del botó obtindreu el mateix efecte que el mode de pantalla completa. L’única diferència és que, en mode de pantalla completa, veureu constantment un botó a la pantalla per sortir d’aquest mode de pantalla completa i, en el mode Oculta la cinta, no obtindreu cap botó. Per sortir d’aquest mode, feu clic al logotip del IE Tester i seleccioneu l’opció ‘Mostra la cinta’.

Pestanya Opcions: A la pestanya Opcions teniu opcions d’impressió. Aquí podeu consultar la versió del IE Tester i si hi ha disponible una nova versió del IE Tester, podeu obrir les propietats d’Internet mitjançant el botó 'Opcions d'Internet Explorer' .

Minimitzeu la pestanya Cinta: Quan feu clic a aquest botó, es minimitzarà la barra d'eines que utilitzeu. Veureu el 'Mostra la cinta' per maximitzar-lo. L'efecte d'utilitzar aquest botó és diferent del mode de pantalla completa i oculta el mode de cinta. Això només minimitza la barra d'eines i podreu veure els encapçalaments.

Com es veu el provador IE?

La imatge següent mostra com quedarà una pàgina web a IE Tester si s’admet la versió d’Internet Explorer. Aquí hem utilitzat l'URL www.firstcry.com amb la versió per defecte d'Internet Explorer (Microsoft Edge).

Aspecte del IE Tester

La imatge següent us mostrarà l'aspecte de la pàgina web a l'IE Tester si el lloc web no admet la versió d'Internet Explorer. Per a això, he utilitzat el mateix URL amb la versió 6 d'Internet Explorer.

IE Tester busca una versió no compatible

Errors del programari de proves d'Internet Explorer

Aquí, amb la versió de IE Tester, només hem provat IE6, IE10 (IE10 no hauria de funcionar segons l'equip de IE Tester) i IE per defecte funcionen. A part de la pàgina de Google en intentar obrir www.firstcry.com, es veu el següent error.

preguntes i respostes d’entrevistes d’analistes de qualitat

Error del provador IE

Mentre feu clic al botó de la versió 5 de l'IE, es pot veure un missatge d'error que diu 'No es pot carregar la versió de l'IE sol·licitada' com a la imatge següent. Si no es pot fer disponible per utilitzar-lo, s'hauria de treure de la barra d'eines.

Error de la versió 5

Conclusió

IE Tester és útil tant per als provadors com per als desenvolupadors i estalvia molt de temps. La descàrrega i l'ús de les versions anteriors de l'Internet Explorer requerit és una tasca tediosa. Per tant, el IE Tester ajuda molt a les proves.

Per a les proves de compatibilitat del navegador, hi ha disponibles moltes eines de pagament, però afecten definitivament el pressupost del projecte. IE Tester és una eina gratuïta i fàcil d'utilitzar que és molt útil per provar la compatibilitat del navegador.

Esteu a punt per provar-ho?

Lectura recomanada

^