Menu

Tutorial di IE Tester - Test online del browser Internet Explorer

  • Principale
  • Altro
  • Tutorial di IE Tester - Test online del browser Internet Explorer

ie tester tutorial internet explorer browser testing online

Prova Il Nostro Strumento Per Eliminare I Problemi

Tutorial di IE Tester: impara a utilizzare lo strumento Tester di Internet Explorer per testare il sito Web su diverse versioni di Internet Explorer

IE Tester è un software che viene utilizzato per verificare se un determinato sito Web / pagina Web funziona perfettamente su tutte le versioni di Internet Explorer.

Utilizzando IE Tester puoi controllare il tuo sito web su tutte le versioni di IE in una volta sola. IE Tester è un software gratuito di Core Services.

cioè tester

Cosa imparerai:

Perché IE Tester?

Anche se sono disponibili molti browser open source, molte organizzazioni supportano solo Internet Explorer. Perché sono necessarie molte autorizzazioni di amministratore per scaricare e installare qualsiasi software.

In tal caso, il requisito del cliente sarebbe che la sua applicazione web funzioni correttamente su tutte le versioni di Internet Explorer. Quindi, in questa situazione, un tester deve eseguire il test dell'interfaccia utente su tutte le possibili versioni del browser.

Inoltre, se il client ha menzionato specificamente un browser che utilizzerà durante il test dell'interfaccia del browser, non è necessario controllare il sito Web su altri browser. I tester possono procedere direttamente testando il sito Web solo sulle versioni richieste di Internet Explorer. IE Tester è lo strumento migliore per questa situazione.

Internet Explorer stesso fornisce un'opzione per testare i siti Web nelle sue più versioni. Tuttavia, non fornisce un'opzione per testare i siti Web su Internet Explorer 6 e 7.

Puoi testare un sito Web solo su Internet Explorer 8 e versioni successive. Per farlo basta aprire Internet Explorer => premi F12 => si apriranno gli strumenti per sviluppatori => fai clic sulla freccia in basso => ​​seleziona emulazione => sotto 'stringa agente utente' otterrai le diverse versioni di Internet Explorer.

IE Tester ti offre un'opzione per testare il tuo sito web su Internet Explorer 6 e versioni successive.

Download e installazione di IE Tester

Scarica IE Tester da IETester HomePage .

Fare clic sul pulsante verde dicendo 'Scarica IE Tester v0.5.4 (60 MB)' . Il processo di download inizierà immediatamente e vedrai la seguente barra di avanzamento del download nella parte inferiore della pagina.

Scarica la barra di avanzamento

Una volta completato, fai doppio clic sul file exe e verrà visualizzato un popup che mostra il contratto di licenza. Clicca sul 'Sono d'accordo' e potrai vedere la seguente finestra.

Installa IE Tester

Qui ho deselezionato tutte le lingue tranne l'inglese. Puoi persino tenere controllate tutte queste lingue. Clicca sul 'Il prossimo' e vedrai la seguente finestra.

Seleziona Percorso di installazione

Clicca sul 'Installare' pulsante.

Processo di installazione

L'installazione verrà completata in pochi secondi e vedrai un collegamento sullo schermo del desktop. Fare doppio clic su di esso per aprirlo. Il primo aspetto di IE Tester sarà come mostrato di seguito.

Primo sguardo di IE Tester

Come utilizzare lo strumento Tester di Internet Explorer?

Pulsanti per ogni versione di IE

Come mostrato nell'immagine sopra, ci sono pulsanti per ogni versione di IE. Puoi controllare il tuo sito web / pagina web su qualsiasi versione facendo clic su quel particolare pulsante o sull'ultimo pulsante di 'Tutte le versioni di IE'.

Usando questo pulsante puoi controllare il tuo sito / pagina web su tutte le versioni menzionate. Quando fai clic sul file 'Tutte le versioni di IE' vedrai la seguente finestra come mostrato di seguito.

Con tutti questi pulsanti, un pulsante per IE versione 10 è disabilitato. Sarà abilitato solo se IE version10 è la versione predefinita ed è solo su Windows 8, ovvero questo pulsante sarà abilitato solo se il tuo sistema operativo è Windows 8.

Seleziona e deseleziona qualsiasi versione

Come si vede nell'immagine sopra puoi selezionare e deselezionare qualsiasi versione secondo la tua scelta. Immettere l'URL nello spazio fornito e fare clic su 'Ok'. Si apriranno diverse schede per ogni versione e potrai selezionare i tuoi file HTML memorizzati sul tuo computer utilizzando il pulsante 'Sfoglia'.

Seleziona la versione 10, inserisci l'URL, fai clic su 'Ok' e sarai in grado di controllare il tuo sito web / pagina web sulla versione 10 di IE. Pertanto, anche se il pulsante diretto non è abilitato, è possibile utilizzare in questo modo per controllare il sito Web / pagina Web sulla versione 10. Quando fai clic su 'OK' inserendo l'URL, sarai in grado di vedere la seguente finestra.

Pagina web aperta su IE versione 10.

Come si vede nell'immagine sopra, una pagina web è aperta su IE versione 10. Ora vedremo tutti i pulsanti, menu e sottomenu di IE Tester uno per uno.

Pulsante Chiudi scheda: Questo pulsante si trova accanto al logo di IE Tester con una freccia di colore nero come mostrato nell'immagine sottostante. Chiude la scheda attiva. La scorciatoia da tastiera per questo pulsante è 'Ctrl + W'.

Pulsante Chiudi scheda

Ora impariamo la freccia che si trova accanto al pulsante di chiusura della scheda, ovvero la freccia di colore marrone mostrata nell'immagine sopra. Se fai clic su questa freccia, otterrai quattro opzioni. La prima opzione è 'Vicino' . Se selezioni questa opzione, il 'pulsante Chiudi scheda' verrà chiuso o non sarà visibile.

La prossima o seconda opzione è 'Altri comandi' . Vedrai la seguente finestra quando selezioni questa opzione.

Opzione più comandi

Qui c'è un elenco a discesa chiamato 'Scegli comandi da' . A seconda dell'opzione selezionata in questo elenco a discesa, i comandi cambieranno e quindi sarà possibile 'Aggiungi' o 'Rimuovi' di conseguenza. Premi 'Ok' per finalizzare le modifiche e premi 'Ripristina' per annullare le modifiche.

C'è un pulsante chiamato 'Personalizzare' , che consente di personalizzare le scorciatoie da tastiera per un particolare comando.

Se selezioni la casella di controllo chiamata 'Mostra la barra degli strumenti di accesso rapido sotto la barra multifunzione' quindi verrà visualizzata una barra degli strumenti come nell'immagine sottostante. La stessa opzione è disponibile nell'elenco a discesa della freccia che si trova proprio accanto a 'Chiudi scheda' pulsante, mostrato da una freccia marrone nella nostra immagine precedente.

Se lo desideri, puoi spostarlo di nuovo sul lato superiore. Quando sposti questa barra degli strumenti sotto il nastro, quindi al posto dell'opzione 'Mostra sotto il nastro' , vedrai l'opzione 'Mostra sopra il nastro' .

Mostrato sotto il nastro

Scheda Home: Come mostrato nell'immagine sottostante, in questa scheda sono disponibili diverse opzioni di navigazione e debug.

Opzione di navigazione e debug

Se navighi in pagine diverse, il file 'Precedente' e 'Il prossimo' i pulsanti verranno abilitati. Dopo aver aperto la scheda e digitato nella barra degli indirizzi, il file 'Ricaricare' il pulsante verrà abilitato. Il 'Fermare' Il pulsante viene abilitato solo quando IE Tester sta aprendo una nuova pagina.

Se sono aperte più schede (più di una), solo il file 'Chiudi tutto tranne la scheda attiva' il pulsante verrà abilitato. Il pulsante 'Chiudi tutte le schede' sarà abilitato anche se è aperta solo una scheda.

'Attiva / disattiva barra di debug' e il pulsante 'Preferiti' verranno abilitati durante l'apertura di una scheda. Per utilizzare le opzioni 'Attiva / disattiva barra di debug', è necessario scaricare la barra di debug. La versione precedente di esso non funzionerà con l'ultima versione di IE Tester. Il pulsante 'Preferiti' non funzionerà come previsto.

Scheda Strumenti per sviluppatori: Questa scheda fornisce principalmente le opzioni utili per gli sviluppatori. È possibile visualizzare il codice sorgente della pagina web. Puoi aumentare o diminuire la dimensione del testo. Sarà utile per l'usabilità e il test dell'interfaccia utente. È possibile visualizzare la pagina Web disabilitando immagini, java, script java, ActiveX, ecc.

Puoi anche testare la pagina web disabilitando i video e i suoni di sottofondo. È necessario scaricare la barra di debug nella barra di debug Toggle e visualizzare il codice sorgente. Sarà anche utile per gli sviluppatori.

Scheda Visualizza: Come mostrato nell'immagine sottostante, la scheda di visualizzazione ha 2 pulsanti, ovvero 'Schermo intero' e 'Nascondi barra multifunzione'. Usando il 'A schermo intero' pulsante, puoi vedere la tua pagina web in modalità a schermo intero e in questa modalità vedrai solo un pulsante, ad es. 'Chiudi schermo intero' per uscire dalla modalità a schermo intero.

scheda di visualizzazione

Se fai clic sul file 'Nascondi barra multifunzione' si otterrà lo stesso effetto della modalità a schermo intero. L'unica differenza è che in modalità a schermo intero, vedrai costantemente un pulsante sullo schermo per uscire da questa modalità a schermo intero e, nella modalità Nascondi barra multifunzione, non otterrai alcun pulsante. Per uscire da questa modalità è sufficiente fare clic sul logo di IE Tester e selezionare l'opzione 'Mostra barra multifunzione'.

Scheda Opzioni: Nella scheda Opzioni hai le opzioni di stampa. Qui puoi controllare la versione di IE Tester e se è disponibile una nuova versione di IE Tester, puoi aprire le proprietà di Internet usando il pulsante 'Opzioni di Internet Explorer' .

Riduci a icona la scheda Barra multifunzione: Quando si fa clic su questo pulsante, la barra degli strumenti che si sta utilizzando verrà ridotta a icona. Vedrai il file 'Mostra il nastro' pulsante per ingrandirlo. L'effetto dell'utilizzo di questo pulsante è diverso dalla modalità a schermo intero e dalla modalità Nascondi barra multifunzione. Questo minimizza solo la barra degli strumenti e sarai in grado di visualizzare i titoli.

Come appare IE Tester?

L'immagine seguente mostra come apparirà una pagina web in IE Tester se la versione di Internet Explorer è supportata. Qui abbiamo utilizzato l'URL www.firstcry.com con la versione predefinita di Internet Explorer (Microsoft Edge).

Look di IE Tester

L'immagine sotto mostrerà come apparirà la pagina web in IE Tester se la versione di Internet Explorer non è supportata dal sito web. Per questo, ho utilizzato lo stesso URL con la versione 6 di Internet Explorer.

IE Tester cerca una versione non supportata

Errori del software del tester di Internet Explorer

Qui, con la versione di IE Tester, abbiamo provato solo IE6, IE10 (IE10 non dovrebbe funzionare secondo il team di IE Tester) e Default IE funzionano. Oltre alla pagina google durante il tentativo di aprire www.firstcry.com, viene visualizzato il seguente errore.

programma di albero di ricerca binario in java

Errore del tester di IE

Facendo clic sul pulsante per la versione 5 di IE, è possibile visualizzare un messaggio di errore che dice 'Impossibile caricare la versione di IE richiesta' come nell'immagine sottostante. Se non può essere reso disponibile per l'uso, dovrebbe essere rimosso dalla barra degli strumenti.

Errore della versione 5

Conclusione

IE Tester è utile sia per i tester che per gli sviluppatori e fa risparmiare molto tempo. Scaricare e utilizzare le versioni precedenti di Internet Explorer richiesto è un lavoro noioso. Quindi IE Tester aiuta molto nei test.

Per i test di compatibilità del browser sono disponibili molti strumenti a pagamento ma influiscono sicuramente sul budget del progetto. IE Tester è uno strumento gratuito e facile da usare che è molto utile per i test di compatibilità del browser.

Sei pronto a provarlo?

Lettura consigliata

^