Menu

Tutorial do IE Tester - Teste do navegador Internet Explorer online

ie tester tutorial internet explorer browser testing online

Experimente Nosso Instrumento Para Eliminar Problemas

Tutorial do IE Tester: Aprenda a usar a ferramenta do Internet Explorer Tester para testar o site em diferentes versões do Internet Explorer

O IE Tester é um software usado para verificar se um determinado site / página da Web está funcionando perfeitamente em todas as versões do Internet Explorer.

Usando o IE Tester, você pode verificar seu site em todas as versões do IE de uma só vez. O IE Tester é um software gratuito da Core Services.

ie testador

O que você aprenderá:

Por que o IE Tester?

Embora muitos navegadores de código aberto estejam disponíveis, muitas organizações oferecem suporte apenas ao Internet Explorer. Porque muitas permissões de administrador são necessárias para baixar e instalar qualquer software.

Nesse caso, o requisito do cliente seria que seu aplicativo da web funcionasse bem em todas as versões do Internet Explorer. Portanto, nessa situação, um testador deve realizar o teste de interface do usuário em todas as versões possíveis do navegador.

Além disso, se o cliente mencionou especificamente um navegador que vai usar durante o teste de interface do navegador, não há necessidade de verificar o site em outros navegadores. Os testadores podem prosseguir diretamente testando o site apenas nas versões necessárias do Internet Explorer. Testador IE é a melhor ferramenta para esta situação.

O próprio Internet Explorer oferece uma opção para testar os sites em suas várias versões. No entanto, não oferece a opção de testar sites no Internet Explorer 6 e 7.

Você só pode testar um site no Internet Explorer 8 e superior. Para fazer isso, basta abrir Internet Explorer => pressione F12 => Ferramentas do desenvolvedor serão abertas => Clique na seta para baixo => Selecione Emulação => Em ‘String do agente do usuário’ você obterá as diferentes versões do Internet Explorer.

O IE Tester oferece a opção de testar seu site no Internet Explorer 6 e superior.

Download e instalação do testador do IE

Baixe o IE Tester em HomePage do IETester .

Clique no botão verde dizendo “Baixe o IE Tester v0.5.4 (60 MB)” . O processo de download começará imediatamente e você verá a seguinte barra de progresso de download na parte inferior da página.

Barra de progresso do download

Quando terminar, clique duas vezes no arquivo exe e você verá uma janela pop-up mostrando o contrato de licença. Clique no 'Eu concordo' botão e você poderá ver a seguinte janela.

Instale o IE Tester

Aqui, desmarquei todos os idiomas, exceto o inglês. Você pode até manter todos esses idiomas verificados. Clique no 'Próximo' botão e você verá a seguinte janela.

Selecione o local de instalação

Clique no 'Instalar' botão.

Processo de Instalação

A instalação será concluída em segundos e você verá um atalho na tela da área de trabalho. Clique duas vezes nele para abrir. A primeira aparência do IE Tester será mostrada abaixo.

Primeira visão do IE Tester

Como usar a ferramenta de teste do Internet Explorer?

Botões para cada versão do IE

Conforme mostrado na imagem acima, existem botões para cada versão do IE. Você pode verificar o seu site / página da web em qualquer versão clicando no botão específico ou no último botão que é 'Todas as versões do IE'.

Usando este botão você pode verificar seu site / página da web em todas as versões mencionadas. Quando você clica no ‘Todas as versões do IE’ botão você verá a seguinte janela como mostrado abaixo.

Com todos esses botões, um botão para o IE versão 10 é desabilitado. Ele será ativado apenas se o IE versão 10 for a versão padrão e estiver no Windows 8 apenas, ou seja, este botão será ativado apenas se o seu sistema operacional for Windows 8.

Selecione e desmarque qualquer versão

Como visto na imagem acima, você pode selecionar e desmarcar qualquer versão de acordo com sua escolha. Insira o URL no espaço fornecido e clique em ‘Ok’. Diferentes guias serão abertas para cada versão e você pode selecionar seus arquivos HTML armazenados em seu computador usando o botão ‘Procurar’.

Selecione a versão 10, insira o URL, clique em ‘Ok’ e você poderá verificar seu site / página da web na versão 10 do IE. Assim, mesmo que o botão direto não esteja habilitado, você pode usar esta forma para verificar o site / página da web na versão10. Ao clicar em ‘Ok’ inserindo o URL, você verá a seguinte janela.

Página da Web aberta no IE versão 10.

Como pode ser visto na imagem acima, uma página da Web é aberta no IE versão 10. Agora, veremos todos os botões, menus e submenus do IE Tester, um por um.

Botão Fechar guia: Este botão está próximo ao logotipo do IE Tester com uma seta preta, conforme mostrado na imagem abaixo. Ele fecha a guia ativa. O atalho de teclado para este botão é ‘Ctrl + W’.

Botão Fechar guia

Agora vamos aprender sobre a seta que está ao lado do botão Fechar guia, ou seja, a seta marrom mostrada na imagem acima. Se você clicar nesta seta, terá quatro opções. A primeira opção é 'Fechar' . Se você selecionar esta opção, o ‘botão Fechar guia’ será fechado ou não ficará visível.

A próxima ou segunda opção é ‘Mais comandos’ . Você verá a seguinte janela ao selecionar esta opção.

Mais opções de comandos

Aqui há uma lista suspensa chamada ‘Escolha os comandos de’ . Dependendo da opção selecionada nesta lista suspensa, os comandos mudarão e você pode ‘Adicionar’ ou ‘Remover’ comandos de acordo. Pressione ‘Ok’ para finalizar as alterações e pressione 'Redefinir' para desfazer as alterações.

Existe um botão chamado 'Customizar' , usando o qual você pode personalizar atalhos de teclado para um comando específico.

Se você marcar a caixa de seleção chamada ‘Mostrar barra de ferramentas de acesso rápido abaixo da faixa de opções’ então uma barra de ferramentas será mostrada como na imagem abaixo. A mesma opção está disponível na lista suspensa da seta que está localizada ao lado do 'Aba fechada' botão, mostrado por uma seta marrom em nossa imagem anterior.

Se quiser, você pode mudá-lo novamente para o lado superior. Quando você desloca esta barra de ferramentas abaixo da faixa de opções, em vez da opção ‘Mostrar fita abaixo’ , você verá a opção ‘Mostrar acima da fita’ .

Mostrado abaixo da fita

Aba inicial: Conforme mostrado na imagem abaixo, existem diferentes opções de navegação e depuração disponíveis nesta guia.

Opção de navegação e depuração

Se você navegar para páginas diferentes, o 'Anterior' e 'Próximo' os botões serão ativados. Depois de abrir a guia e digitar na barra de endereço, o ‘Atualizar’ botão será ativado. O 'Pare' O botão é ativado apenas quando o Testador do IE está abrindo uma nova página.

Se várias guias (mais de uma) estiverem abertas, apenas a ‘Fechar tudo exceto a guia ativa’ botão será ativado. O botão ‘Fechar todas as guias’ estará habilitado mesmo se apenas uma guia estiver aberta.

O botão ‘Toggle Debug Bar’ e ‘Favorites’ será habilitado ao abrir uma guia. Para usar as opções 'Alternar barra de depuração', você precisa fazer o download da barra de depuração. A versão anterior dele não funcionará com a versão mais recente do IE Tester. O botão ‘Favoritos’ não funcionará de acordo com a expectativa.

Guia Ferramentas Dev: Esta guia fornece principalmente as opções que são úteis para os desenvolvedores. Você pode visualizar o código-fonte da página da web. Você pode aumentar ou diminuir o tamanho do texto. Será útil para testes de usabilidade e interface do usuário. Você pode visualizar a página da web desativando imagens, java, scripts java, ActiveX, etc.

Você também pode testar a página da web desativando os vídeos e sons de fundo. Você precisa baixar a barra de depuração para a barra Alternar de depuração e visualizar o código-fonte. Também será útil para os desenvolvedores.

Exibir guia: Conforme mostrado na imagem abaixo, a guia de visualização possui 2 botões, ou seja, 'Tela inteira' e 'Ocultar faixa de opções'. Usando o 'Tela cheia' botão, você pode ver sua página da web no modo de tela inteira e, neste modo, você verá apenas um botão, ou seja, ‘Fechar tela inteira’ para sair do modo de tela inteira.

guia de visualização

Se você clicar no ‘Ocultar fita’ você obterá o mesmo efeito do modo de tela inteira. A única diferença é que no modo de tela inteira, você verá constantemente um botão na tela para sair desse modo de tela inteira e, no modo Ocultar Faixa de Opções, nenhum botão será exibido. Para sair desse modo, você deve clicar no logotipo do IE Tester e selecionar a opção ‘Mostrar Faixa de Opções’.

Guia Opções: Na guia Opções, você tem opções de impressão. Aqui você pode verificar a versão do IE Tester e se uma nova versão do IE Tester estiver disponível, você pode abrir as propriedades da Internet usando o botão ‘Opções do Internet Explorer’ .

Minimize a guia da faixa de opções: Quando este botão é clicado, a barra de ferramentas que você está operando fica minimizada. Você verá o ‘Mostre a fita’ botão para maximizá-lo. O efeito de usar este botão é diferente do modo de tela inteira e do modo de ocultar faixa de opções. Isso apenas minimiza a barra de ferramentas e você poderá ver os títulos.

Como é o IE Tester?

A imagem a seguir mostra a aparência de uma página da web no IE Tester se a versão do Internet Explorer for compatível. Aqui, usamos o URL www.firstcry.com com a versão padrão do Internet Explorer (Microsoft Edge).

Look do IE Tester

A imagem abaixo mostrará como a página da web ficará no IE Tester se a versão do Internet Explorer não for compatível com o site. Para isso, usei o mesmo URL com a versão 6 do Internet Explorer.

O testador do IE procura por versão não suportada

Erros do software de teste do Internet Explorer

Aqui, com a versão do IE Tester, tentamos apenas o IE6, o IE10 (o IE10 não deveria funcionar de acordo com a equipe do IE Tester) e o IE padrão estão funcionando. Além da página do google ao tentar abrir www.firstcry.com, o seguinte erro é visto.

o que é um arquivo dat mac

Erro do testador do IE

Ao clicar no botão para o IE versão 5, uma mensagem de erro dizendo “Não foi possível carregar a versão solicitada do IE” pode ser vista como na imagem abaixo. Se não puder ser disponibilizado para uso, deve ser removido da barra de ferramentas.

Erro da versão 5

Conclusão

O IE Tester é útil tanto para testadores quanto para desenvolvedores e economiza muito tempo. Baixar e usar as versões mais antigas do Internet Explorer necessário é um trabalho tedioso. Portanto, o IE Tester ajuda muito nos testes.

Para o teste de compatibilidade do navegador, muitas ferramentas pagas estão disponíveis, mas isso definitivamente afeta o orçamento do projeto. O IE Tester é uma ferramenta gratuita e fácil de usar, muito útil para testes de compatibilidade de navegador.

Você está pronto para tentar?

Leitura recomendada

^