Como posso testar meu site no IE6, IE7, IE8, IE9, IE10 e Internet Explorer 11


84

Como posso testar meu site com confiabilidade em todas as versões antigas do Internet Explorer, desde o IE6 até a versão IE11?


1
Não havia um site parceiro de troca de pilhas que fizesse isso cerca de um ano atrás? Foi em um podcast stackoverflow ... Eu esqueço o nome e não consigo encontrar nenhuma referência a ele.
Kjensen

Respostas:


87

Chegando F12ao IE8, ele deve iniciar as Ferramentas do desenvolvedor que permitem emular o IE7 (não o IE6) usando o Modo navegador.

O IE8 emula o IE7

Suponho que no IE9 você será capaz de emular pelo menos até o IE7, mas apenas suponho que agora isso me irrita a idéia simples de comprar o W7 para testar isso.


UPDATE: conforme especificado por Jeff Atwood: O IE9 emula novamente até o IE7 também.


ATUALIZAÇÃO 2: conforme sugerido por Nick nos comentários abaixo, se você quiser ter 100% de certeza de emular os navegadores IE antigos, poderá usar VMs fornecidas pela Microsoft (incrivelmente, elas também são fornecidas gratuitamente). Como uma observação lateral, lembre-se de que o teste em VMs é mais demorado do que o uso das Ferramentas para Desenvolvedor do IE, o teste de VMs do IMHO pode valer a pena ao testar algo que é JS / CSS ganancioso como um aplicativo da Web ou um site complexo, não para sites simples que use jQuery e algum CSS.


3
+1 - Que momento perfeito! Uma hora do meu tempo foi perdida para sempre, enquanto eu procurava na empresa inteira por alguém ainda preso em 2007 usando o IE7. Depois, demorou 30 minutos para obter um compartilhamento de tela com ela, para que pudéssemos verificar se ela estava realmente usando o IE7 e não o IE8. Agora, em vez de instalar o Windows XP e o IE7 em uma imagem do VMWare para corrigir meu erro, usarei sua solução aparentemente óbvia e simplista que por tanto tempo pareceu escapar da minha visão;) Como eu poderia ter perdido isso? Obrigado!!
jmort253

4
de fato, confirmado: o IE9 permite emular o modo de compatibilidade do IE7, IE8, IE9 e IE9.
Jeff Atwood

2
A emulação é exatamente a mesma ou pode haver pequenas diferenças?
Saif Bechan

1
@ Saif Bechan: pode haver diferenças certeiras considerando as milhares de atualizações lançadas continuamente pela Microsoft para seus navegadores e seus sistemas operacionais. Mas pense nas outras possibilidades de testar o IE: você teria que instalar 3 VM com Windows, uma para o IE7, uma ou IE8 e outra para o IE9. Mas também esses ambientes de teste ainda podem ser diferentes dos ambientes dos usuários finais que provavelmente instalaram (ou não instalaram) algumas atualizações do Windows / IE / Office que você não instalou.
Marco Demaio

3
@MarcoDemaio Definitivamente, existem diferenças entre o modo IE 7 do IE 9 e o verdadeiro IE 7. Dei dois exemplos aqui .
Nick

24

Testador IE Faz IE6, 7, 8 e 9


2
Exceto por algumas limitações que já fazem pensar que não é um testador confiável: 1. Os botões Anterior / Próximo não estão funcionando corretamente; 2. O foco não está funcionando corretamente; 3. windows.open não retorna a janela recém-criada, mas é nulo.
Marco Demaio 18/03/11

1
Interessante. Eu não tenho esses problemas.
John Conde

2
eles são escritos aqui também sabem questão: my-debugbar.com/wiki/IETester/HomePage
Marco Demaio

1
@marco, eu devo estar executando uma versão mais antiga antes que esses erros sejam introduzidos. Sorte minha. :) Ainda assim, os próprios navegadores funcionam e farão o que precisa ser feito.
John Conde

1
@marco Eu sempre vi a observação sobre os botões Anterior / Próximo e, em algumas condições, eles podem não funcionar, mas sempre funcionaram corretamente para mim.
Joshuahedlund



7

Você também pode usar o site de fotos do navegador se estiver testando o layout. Você insere o URL e ele retorna imagens do seu site em vários navegadores diferentes.

http://browsershots.org/


1
Infelizmente, não funciona para o IE há algum tempo. Você pode escolher, mas ele lista os servidores como 'Indisponível' para o IE na página de status. Para o IE apenas a testar, rede renda faz um trabalho simples, mas decente: ipinfo.info/netrenderer
Itai

1
@ Itai - talvez isso fosse temporário. Eu apenas tentei o Browsershots e ele me mostrou capturas de tela da minha página de teste no IE 6, 7, 8. O IE9 não é uma opção disponível lá.
mvark

1
@mvark - Droga! Eu tentei hoje também e as fábricas do IE estavam offline, vou tentar novamente.
Itai

1
@lovefaithswing: pena, interessante, são apenas capturas de tela. Mas concordo que de graça é melhor que nada.
Marco Demaio

5

A Microsoft também lançou o " Expression Web 4 ", com o objetivo de comparar diferentes versões do IE. Mas você precisa pagar por isso e precisa de uma versão Windows XP SP3 ou posterior.

O Expression Web 3 está disponível para download gratuitamente, mas inclui apenas comparações do IE6, IE7 e IE8. (sem IE9)


1
FYI: eles agora decidiram distribuir (incrivelmente de graça) algumas VMs para serem usadas para fins de teste. Veja os comentários de Nick na minha resposta.
Marco Demaio 13/07/12

1
Eles fazem isso há anos, mas essas VMs têm uma duração de uso, pelo que me lembro.
Fee15

4
na verdade, eles expulsam em uma NOTA no mesmo link microsoft.com/en-us/download/details.aspx?id=11575 para digitar slmgr –rearmno prompt de comando para redefinir as imagens para sempre, para que basicamente nunca expirem, mesmo que você tenha vencido ' Não é possível salvar nada nessas imagens, mas os testes podem ser suficientes.
Marco Demaio 16/07/12

2
O Expression Web 4 agora está disponível gratuitamente, mas o produto Expression Web não está mais sendo desenvolvido.
Jacob Hume

4

Crossbrowsertesting foi um site que tentei por um tempo. Muito bom, você obtém uma nova instalação do navegador em uma máquina virtual que você acessa através do VNC. Útil, principalmente para sites mais dinâmicos.


4

Se você quiser apenas verificar o design de suas páginas da Web em diferentes navegadores do IE, tente Browsershots ou WebPageTest. O WebPageTest é basicamente uma ferramenta de teste de desempenho gratuita, mas se você selecionar a guia "Comparação visual" na página inicial e enviar um URL para teste, o site gerará miniaturas expansíveis da visualização " acima da dobra " da sua página da web e, opcionalmente, um vídeo de essa página da Web enquanto estava carregando. O WebPagetest é uma ferramenta de código aberto que você pode instalar localmente e executar sua própria instância. O WebPagetest permite testar nas versões 6 a 9 do IE.

Se você deseja testar manualmente a navegação e os recursos do seu site, e não apenas o design e o layout, instale as imagens do Virtual PC disponíveis gratuitamente no IE 6, 7, 8 no seu Windows 7. Ferramentas como o IETester podem não ser totalmente confiáveis .


4

Eu uso o VirtualBox para executar cópias do Windows XP com cada navegador instalado nele. Não é 'ideal', mas funciona para mim e é muito fácil de configurar e usar. Também é provavelmente o melhor reflexo de como é o navegador em um sistema operacional específico.



3

Se você estiver bem com apenas uma verificação visual, poderá usar o BrowserLab da Adobe . Faz parte do conjunto de serviços online do CS Live oferecido pela Adobe. No momento, você pode obter uma associação gratuita de 12 meses do CS Live, portanto, a curto prazo, é uma boa solução gratuita. Você pode executar testes em várias combinações de navegador / SO simultaneamente e ver as diferenças de renderização comparando-as lado a lado.

No entanto, é sempre melhor ter máquinas de teste reais (ou VMs), pois o Browserlab não pode dizer se o JavaScript está quebrado ou ajudá-lo a depurar erros de CSS ou de marcação. Apenas informará que o layout não está sendo renderizado corretamente em uma plataforma específica. Mas é bom poder digitar um URL e obter capturas de tela em tamanho real da página na maioria das principais combinações de SO / navegador em um instante.


3

Existe o Browserling, que permite testar o IE 5-9 e diferentes versões de outros principais navegadores, e tudo isso a partir de um navegador de sua escolha!


1
Eles não parecem muito confiáveis, o site deles mostra tudo errado no IE7 e IE8. Quero dizer, se eles não são os primeiros a testar o site no navegador, estou pensando em como posso confiar na ferramenta de teste no navegador.
Marco Demaio

3

Estou usando a sandbox do navegador spoon.net - http://spoon.net/Browsers .

Ele permite que você execute o IE6-9 no seu computador sem precisar instalá-los. Eles também têm o console do navegador e trabalham com a barra de ferramentas do desenvolvedor do IE, que ajuda na depuração de css / javascript.


Pagando por todas as versões mais antigas do navegador.
KC

3

Não há substituto para caixas rígidas nativas executando as plataformas que você deseja. Nenhuma suíte de testes do IE é totalmente precisa e várias geram erros que não aparecem na produção (desperdiçando seu tempo com falsos positivos). Máquinas virtuais não são tão confiáveis ​​quanto as pessoas pensam - eu vi vários erros específicos da VM enquanto tentava executar o IE6 (acho que o mecanismo de renderização do IE6 depende da coordenação de certos threads, que as VMs não conseguem gerenciar adequadamente).

Se a funcionalidade do IE6 / 7 for importante para sua organização, acho que você pode facilmente defender uma quantia marginal em duas caixas WinXP baratas. O IETester é lento como o melaço e trava rapidamente, e o 'modo de compatibilidade' do IE - embora útil para um primeiro passe - apenas não é adequado se seus clientes realmente dependem do seu software trabalhando em suas caixas herdadas.


1
o problema não é comprar máquinas WinXP, mas o tempo consumido para testar em hard boxes, eu precisaria mover fisicamente minha bunda de um PC para outro, definitivamente é muito trabalho duro para um programador. Quase nunca levanto os braços em cima do teclado por mais de 15 graus. :-)
Marco Demaio 13/07/12

2
@MarcoDemaio - por que não usar sessões remotas?
Jimmy Breck-McKye

3

A Microsoft fornece, gratuitamente e sem registro, máquinas virtuais para:

  • IE8 no Win7
  • IE9 no Win7
  • IE10 no Win7
  • IE11 no Win7
  • IE11 no Win81
  • Borda no Win10

Para a seguinte plataforma:

  • VirtualBox
  • Vagabundo
  • HyperV
  • VPC
  • VMware
  • Parallels

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.