Testando o design do seu site em diferentes browsers

Implentar o design de um site que seja apresentado corretamente pelos principais browsers (IE, Firefox, Opera e Safari) nas principais plataformas (Windows, Mac e Linux) é uma tarefa árdua. Deve-se conhecer os padrões (?) que cada browser implementa e tê-los instalados em máquinas, ainda que virtuais, com diferentes sistemas operacionais para que seja possível visualizar como ficou o resultado em cada um deles.

Além de trabalhoso, requer uma infra-estrutura que nem sempre está disponível.

Procurando por uma ferramenta similar ao firebug para o Opera, acabei encontrando sem querer uma ferramenta que se propõe a ajudar nessa tarefa:

Browsershots - http://browsershots.org

É um site simples. Há apenas um formulário onde é possível inserir a url do site que se deseja testar e selecionar em quais browsers e em quais plataformas os testes serão realizados. O resultado é um screenshot do site para cada uma das opções selecionadas.

Achei a idéia boa, mas acho que precisa de melhorias pois além de lento o resultado não é muito confiável.
Testei a ferramenta submetendo a url do IG Shopping que é exibido corretamente nas seguintes plataformas:

Ubuntu 7.10 - FF 2, Opera 9.27 e 9.50b.
WinXP: IE 6, IE 7, FF 2, Safari.
Mac (Leopard): Safari e FF.

No entanto o Browsershots exibe screenshots quebrados para IE6 e IE7 no WinXP.

O resultado do teste encontra-se aqui: http://browsershots.org/http://igshopping.ig.com.br/home