Testar aplicação em diferentes browsers

Perssoal,

Seguinte, preciso testar uma aplicação no IE e no firefox, e preciso que elas fiquem identicas em qualquer um q for usado. Gostaria de saber se alguem sabe uma boa forma de fazer isso?

Bom dia

Isso é um dos grandes problemas que os desenvolvedores web passam, então tudo depende de como foi feito a sua estrutura de paginas (html, css, javascripts, etc), mas com certeza o grande gargalo para fazer isso, são as folhas de estilo css, bom minha recomendação é:

1º) Durante o desenvolvimento sempre teste sua aplicação em ambos os browsers, porque assim você irá evitar que codigos que funcionem em apenas um browser sejam desenvolvidos;

2º) Na estrutura estrutura de paginas utilize sempre paginas xhtml, porque é o padrão a partir de agora, utilize o validator da w3c para testar sua estrutura, http://validator.w3.org/

3º) E a agora a parte dificil que é as folhas de estilo, bom aqui sempre vai muito dos codigos utilizados que são utilizados, procure validar tambem suas folhas de estilo porque tambem ajuda bastante em desenvolver códigos cross-browsers (http://jigsaw.w3.org/css-validator/)

Obs: Prefira desenvolver utilizando o firefox (pelo menos eu acho melhor) porque uma estrutura feita no firefox, é mais garantida que ela funcione também no IE do que ao contrario.

Falou.

O Firefox tem um complemento
IETAB

https://addons.mozilla.org/pt-BR/firefox/addon/1419

IETester para várias versões de IE

Esse deve ser bacana

http://labs.adobe.com/technologies/browserlab/


http://www.iopus.com/iMacros/web-testing.htm?ref=rg8web8&gclid=CP6IzJK8sJ8CFQcf7godyz331A

Tem alguns sites que você indica a url e ele faz umas imagens das páginas para cada navegador.

Como o Alberes disse acima, o IETAB do firefox é muito bom.

Falou

Seguinte, o problema é que estou carregando uma página JSP no firefox, ta até blz, mas no IE ele desconfigura, então se eu mecher no código para consertar no IE vai bagunçar no firefox. Ai vai ficar nesse vai e vem, queria saber de uma forma que eu consiga deixar os dois da mesma fora.

A solução é você ajustar o CSS para os navegadores e vai ter que ficar no vai e vem até encontrar o ponto certo.

Eu acho mais fácil desenvolver e testar com Firefox e depois ajustar para o IE e outros navegadores.

Outras soluções para casos complicados:
Colocar rack no CSS, é uma técnica.
Um outra solução é você fazer include do CSS conforme o navegador.

uhm…entendi…vou fazer então!
Muito obrigado pessoal!

Veja http://seleniumhq.org/ para automatizar os testes.