Tableless - Desenvolvimento inteligente com Padrões Web

16/11/2006
Artigos

Se virando pra testar – Parte 1: Screenshots

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 …

Por


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.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • http://www.marinheirobrasil.com.br Eriksen

    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!

  • Rafael Oliveira

    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é! =)

  • http://www.fante.org Rodrigo Fante

    Muito bom!!

  • Tiago

    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.

  • http://www.promissao.net/festadopeao/ Tiago

    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.

  • http://http:brunnolou.com brunnolou

    No meu blog fiz referência ao browsrcamp nesse site vc pode Testar seu site no safari
    http://www.brunnolou.com/blog/quer-testar-seu-site-no-safari/

  • http://www.antenando.com.br Rael B. Riolino

    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 :-P

  • http://vdepizzol.wordpress.com Vinicius Depizzol

    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.

  • Rafael Oliveira

    ” …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. :P

    Té! =)

  • Rafael Martines

    Pode usar tambem esse site http://www.browsrcamp.com/

    Este tira screenshots gratuitas do Safari.

  • http://elmicox.blogspot.com Micox

    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

  • Pingback: Rafael Oliveira | Blog » Como você testa seu CSS?

  • http://floripasom.com Acelio Filho

    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…

  • http://www.agelvisao.com/?id=luiz Luiz Carlos

    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!

  • Pingback: SAVEPOINT » Vida de blogueiro

  • http://www.liasiqueira.com.br Lía Siqueira

    Eu gostei muito da idéia de usar o IEs for Linux, afinal eu sou uma webdesigner que deseja migrar para o Linux mas ainda tem que testar os sites no IE. Sóóó, que eu achei esse serviço meio desatualizado, tipo, IE5 e IE5.5, quem ainda usa isso???? Então, gostaria de saber se vc sabe de algum outro serviço do genero que tenha IE6, IE7 e IE8?????? Grata e no aguardo ansiosamente por retorno. ;)