por Diego Eis
Novembro 16th, 2006
A hora de testes é um parto. Você sabe. Quem nunca tremeu na base quando ouviu aquela frase: - Vixi, o site está quebrado no mac.
ou: - Nem queira ver o site no Linux.
Eu sei que hoje em dia os browsers estão cada vez mais confiáveis e muito parecidos entre si. Mas mesmo assim ainda acontecem algumas peculiaridades não planejadas, ainda mais quando estamos migrando tanto nosso conhecimento quanto nosso site para os Padrões Web. Portanto, ter algumas ferramentas para testar os sites em outros navegadores é essencial para quem pensa em trabalhar com web.
Nesta primeira parte vou indicar alguns sites que lhe fornecem um “favor” que geralmente você pede a alguém da sua lista de MSN: Screenshots.
Na hora do desespero, eu já cansei e caçar pessoas que tinham Mac e pedir a elas que visitassem um certo endereço e que tirassem um simples screenshot. Uma coisa chata de se pedir, porque normalmente a pessoa está ocupada com alguma tarefa e você ali, na fúria do desespero que só um desenvolvedor estressado pode ter, nem liga pra isso.
BrowserCam
http://www.browsercam.com/
Este é pago, mas você pode ter uma conta trial que dura 24 horas. Tempo mais do que bastante para resolver seus problemas. Ou não.
Ele é muito, mas muito completo. Você consegue criar projetos e guardar seus screenshots. Pode compartilhar esses projetos para algumas pessoas ou tornar ele público.
Fazer vários screenshots é uma tarefa relativamente fácil, já que você pode colocar várias URLS ao mesmo tempo ou pedir simplesmente que ele saia navegando nos subníveis do site automagicamente.
O coletânea de sistemas e browsers é muito vasta. Começa com um Linux Fedora Core 4 e vai até Windows Vista RC2.
Neste caso, o que mais vai interessar são os browsers que ele suporta, que vai desde IE4 de Win98, até os browsers mais atuais como Firefox 2.0.
Tem até um Netscape 4.7 perdido ali no Windows 2000.
Escolhe se você quer ver com a versão do browser com Flash ou sem flash, qual resolução (de 640×480 até 1280×800), se quer ver apenas a tela do browser ou uma foto do desktop inteiro, escolhe formato da imagem (bmp, jpg ou png), escolhe o delay para tirar o screenshot. Se página tiver uma barra de rolagem, você pode até escolher quantos pages downs ele vai pressionar antes de tirar o screenshot.
Muito completo, né?
Se você estiver trabalhando como freela ou estiver em uma empresa que não tenha mac ou nenhum linux para poder fazer 5 minutos de testes, pagar a licensa pode ser uma boa pedida. Um serviço espetacular que pode salvar a vida.
Browsershots
http://browsershots.org/
Este é grátis. Tem menos opções que o Browsercam e é um serviço é mais simples. Mas se você estiver com pressa e seu teste não for muito cabeludo, ele pode te ajudar. O site conta com uma versão para português.
Ele está em versão alpha e já de cara você pode colocar o site pra testar. As opções de browsers se resume em: Firefox 1.5 pra linux, Konqueror para linux e IE6.0.
Você pode escolher a resolução, quantidade de cor, se o javascript vai estar ligado ou não, se tem flash, se tem quicktiem, media player e etc… entre outras opções pingadas.
Me parece que os screenshots ficam dispostos ao público, o que não é muito legal se você está fazendo um projeto que requer um tanto de sigilo e a fila de espera também é um bocado grande.
Como ainda é um produto Alpha, não podemos esperar tantas coisas quanto o BrowserCam, mesmo assim é um ótimo serviço.
Um ponto ruim nestes serviços, principalmente no Browsercam, é que se você for fazer um grande volume de screenshots, você pode ficar muito, mas muito tempo esperando. Era isso que me fazia preferir outras formas de testar. Mas se isso não for problema para você (vai ser, uma hora ou outra), manda bala, vale a pena.
Pode ser interessante ler:
Este post foi criado
na Quinta-feira, Novembro 16th, 2006 às 11:08 e está arquivado em Artigos, Browsers, Geral, Tecnologia e Tendências.
Você pode seguir as atualizações pelo feed: RSS 2.0.
Você pode deixar um comentário, ou deixar um trackback de seu próprio site.
Ah, finalmente postaram sobre os screenshots! Eu já tinha dado a dica do Browsershots! Isso vai salvar a pele de uma galera que tá se virando como pode, que nem eu! rsrs Muito bom! Um abraço!
Oh, dica excelente. Não conhecia esse tipo de serviço, sempre saí a caça de alguém que usasse Mac também ou esperava uma terça ou quinta pra poder testar. O que normalmente, acaba sendo um belo atraso em um projeto.
P.S.: Caraca, tem um tipo de conta nesse browsercam que custa quase mil doláres. o_o
Té! =)
Muito interessante. Mas o problema é a fila… Espero que um dia essas ferramentas possam ser mais rápidas ou que todos os browsers entrem em acordo pra fazer com que todos interpretem da mesma forma os sites. Isso sim seria uma boa!
Abraço.
Pra quem tiver uma maquina boa, uma possivel solução é utilizar o vmware ou qualquer outra maquina virtual com os sistemas operacionais desejados para testar.
Ainda bem q eu tenho contato com 2 Macs…. um com Mac OS X e outro com Mac OS 9… assim da para testar em tudo… IE (que é pior ainda do q o do pc) e o Safari….
O único problema é para testar no Linux 
Browsershot realmente, é bom, mas vc tem que esperar sentado para conseguir um screenshot do site 
Rael, não existe problema nenhum em testar no Linux, já que o Firefox domina nele e a renderização é idêntica à do Firefox para outros sistemas operacionais.
Mas se você quiser testar no linux, basta utilizar o CD do Ubuntu, em que você executa todo o sistema a partir do CD sem alterar nenhuma configuração do computador.
” …já que o Firefox domina nele e a renderização é idêntica à do Firefox para outros sistemas operacionais.”
Eu já tive algumas experiências chatas de renderização do FF no GNU/Linux diferenciando do Win. Mas nada que se compare ao Konqueror e seus inputs gigantes.
Té! =)
Bom texto. Ótimas opções que eu ainda não conhecia.
Em 23 de agosto, escrevi um texto sobre outros tipos de testes que muitas vezes agente esquece e só lembra dos testes dos browsers: 1. Navegadores sem suporte a CSS, 2. Navegadores sem suporte a imagens, 3. Navegadores sem suporte a Javascript, 4. Navegadores de dispositivos móveis, 5. Navegadores de texto, 6. Navegador com letras grandes ativadas, 7. Visualização de Impressão.
Talvez seja útil pra alguém: Testes de acessibilidade e usabilidade incomuns
[…] Os browsers mais modernos, como o Firefox, Opera, Konqueror e Safari, possuem uma renderização similar, o que me garante uma margem de acerto relativamente boa, ao testar meu layout primeiro no Firefox. No entanto, sempre testo também nos outros browsers para evitar certas particularidades, e quando não tenho como testar em um browser específico, procuro algum amigo que possa testar por mim e me enviar algumas screenshots da tela. O Safari é um dos mais dificeis, já que ele está fora do alcance da maioria, aqui no Brasil. Porém, como eu uso um Mac na faculdade, tenho a chance de testar nele também. Mas se você não conhece ninguém que tenha um Mac ou mesmo alguém que use Konqueror, visto que o Firefox e o Opera possuem versões pra Windows e o Konqueror é exclusivo do KDE desktop, ainda existe uma solução! Você pode usar um dos serviços online que tiram screenshots em browsers específicos, dica do Tableless. E se mesmo assim você não conseguir, ainda resta uma opção, a virtualização! Veja mais sobre isso também no tableless […]
Massa praca…..,
fui direto no .org
Será que funciona mesmo?
o site que eu pedi pra ver ficou igual em todos!
Tomara que funcione também…
Eu havia feito um site que estava funcionando normalmente no meu IE7 e Firefox 3, então achei que não precisava mais me preocupar.
Depois de um mês, uma pessoa veio me alertar que o meu site estava com problemas no layout. Ela estava utilizando o IE6. Puxa vida… centenas de pessoas já haviam acessado o site.
Vi as dicas aqui neste espaço, porém ter que me registrar num site para ver screenshots era pouco produtivo, então resolvi tentar alternativas… Encontrei o site http://browsers.evolt.org/ onde eu pude baixar as versões standalone do ie 5 e 6… batata! 
resolveu meus problemas!
[…] é instalar o IE via Wine para poder testar ou ter um Windows no seu computador ou melhor, usar um serviço na Web que tire screeshots em qualquer navegador para você. - Cada usuário utiliza uma resolução de […]