Como Testar Compatibilidade Entre Navegadores: Guia De Ferramentas De Browser Compatibility Testing

Como aparece o seu site quando visto em outro navegador, sistema operacional, ou resolução de tela diferente? Você sabe que o layout, margens, fonte de exibição e outras características visuais podem mudar drasticamente quando visualizados em um navegador, sistema operacional, ou resolução de tela diferentes dos que os que você tem no seu próprio computador?

Crédito da foto: tombaky

No esforço de fazer seu site parecer mais crível, confiável e "profissional", pode ser que você já tenha se perguntado qual é a melhor maneira de fazer essa análise de testes de compatibilidade de navegador, além de instalar vários navegadores, com vários PCs e Macs e mexer nas suas configurações de tela de monitor centenas de vezes.

E, de fato, existe uma maneira melhor: ferramentas de teste de compatibilidade entre navegador são um conjunto de ferramentas e serviços baseados na Web que você pode aproveitar para testar, e verificar como qualquer página do seu site está sendo vista quando visualizada em um computador / browser / sistema operacional / resolução de tela diferente.

Neste guia da MasterNewMedia você pode encontrar as melhores ferramentas e serviços para verificar como os outros realmente veem seu site.

Quando se trata de teste de compatibilidade entre navegadores, há pelo menos três fatores principais que podem afetar como os outros vêem o seu site em seus computadores:

1. Navegador: O tipo de navegador que usam os telespectadores (Firefox, Internet Explorer, Safari, etc) e também a versão específica instalada (Internet Explorer 6 é maneira diferente que o Internet Explorer 7).
2. Sistema operacional: O sistema operacional (Mac, Windows, Linux) instalado nas máquinas dos usuários (o Firefox no Mac apresenta uma página diferente do Firefox no Windows).
3. Resolução de tela: A resolução da tela (800x600, 1024x768, 1280x800, etc) definida nos monitores dos usuários.

É combinando as diferentes opções disponíveis nestas três variáveis básicas que você vai perceber quantas possíveis configurações diferentes podem ter seus espectadores.

Mas como você pode testar uma variedade tão ampla de combinações possíveis? Instalando todos os navegadores e sistemas operacionais disponíveis no mercado, e depois testando cada resolução de tela que o seu monitor pode suportar?

De jeito nenhum. O grande número de combinações possíveis que você precisará testar vão muito além do imaginável: 15 configurações básicas testadas em pelo menos três diferentes resoluções é algo muito assustador que pode se tornar seu pior pesadelo.

Felizmente, e aí onde as ferramentas para testar a compatibilidade entre navegadores entram em ação. São várias ferramentas (grátis ou a preços razoáveis) que você pode usar para verificar a compatibilidade do seu site em diferentes navegadores, sistemas operacionais e resoluções de tela.

Como é que estas ferramentas e serviços funcionam?

Ferramentas para testar a compatibilidade entre navegadores geralmente funcionam todas da mesma maneira. Você precisa fornecer o URL da página deseja verificar e, em seguida, selecionar os sistemas operacionais, navegadores, e as resoluções de tela específicas para testar sua página.

A ferramenta de teste de compatibilidade entre navegadores selecionada irá gerar uma imagem da página a partir de um computador virtual criado de acordo com suas configurações especificadas (sistema operacional, tipo de navegador e versão, etc.) Desta forma, você pode imediatamente avaliar quais são os problemas de layout a ser abordados.

Aqui abaixo está um quadro comparativo e um conjunto de mini resenhas individuais para ajudar a avaliar todos esses serviços de testes de compatibilidade entre navegadores. Aqui, os critérios utilizados para compará-los:

• Sistemas operacionais suportados: Os sistemas operacionais que podem ser usados para testar seu site (por exemplo: Mac, Windows XP / Vista, Linux, etc.)
• Navegadores da Web suportados: A marca e as versões de navegadores Web disponíveis que podem ser utilizados para os testes de compatibilidade (Firefox, Internet Explorer, Safari, Chrome, etc.)
• Teste de resolução do tela: As resoluções de tela específicas que você pode utilizar para verificar o aspecto do layout em diferentes configurações de tela (800x600, 1024x768, 1280x900, etc.)
• Diferenciais: Os principais diferenciais que distinguem cada ferramenta de teste de compatibilidade entre navegadores.
• Período de teste grátis: Oferecido para testar a ferramenta de teste de compatibilidade.
• Preço: Da ferramenta de teste de compatibilidade entre navegadores.

Aqui estão todos os detalhes:

Ferramentas Para Testar A Compatibilidade Entre Navegadores - Tabela Comparativa

Ferramentas Para Testar A Compatibilidade Entre Navegadores

1. Browsercam
   
   
   
   BrowserCam é uma ferramenta de teste de compatibilidade entre navegadores que permite verificar como o seu site é exibido usando diferentes navegadores e sistemas operacionais. O serviço funciona em todos os principais navegadores rodando no Windows, Mac OS X e Linux Fedora Core 6. Além disso, browsers menores, como o Konqueror, Camino ou Netscape são suportados. Testes para diferentes resoluções de tela (640x480, 800x600, 1024x768 e 1280x800) são permitidos. BrowserCam também pode testar como as páginas são processadas em sistemas operacionais móveis como OS X Mobile, Android e Windows Mobile. BrowserCam custa US $ 19,95 para um dia de uso, mas também há soluções de preços adicionais, se você precisar usar o serviço por um longo tempo. Gratuito para testar por 24 horas e 200 capturas de tela.
   
   http://www.browsercam.com/
   
   
   
   
   
   
   
2. BrowserShots
   
   
   
   Browsershots é uma solução gratuita para testar a compatibilidade do seu site em diferentes navegadores, sistemas operacionais e resoluções de tela. Com BrowserShots você pode testar seu site em quase todos os navegadores e sistemas operacionais no mercado (ver tabela comparativa para detalhes). Você também pode testar o seu layout em todas as resoluções de tela principais (640x480, 800x600, 1024x768, 1280x800). O diferencial é a opção para testar a profundidade de cor também, Javascript, Flash e códigos Java do seu site, para ver como estes parâmetros podem afetar a maneira como as páginas são exibidas.
   
   http://browsershots.org/
   
   
   
   
   
   
   
3. Litmus
   
   
   
   Litmus é uma ferramenta de teste de compatibilidade entre navegadores que permite que você compare o processamento do seu site em diferentes navegadores e sistemas operacionais. Todos os principais navegadores para Windows e Mac OS X são suportados. Como recurso exclusivo, o serviço permite que você teste o layout da sua newsletter online para ver como é exibida em todos os principais clientes de e-mail. Litmus não oferece período de teste, nem a possibilidade de testar seu site em diferentes resoluções de tela. Litmus custa US$ 39 para 14 dias de uso. O serviço tem também uma versão (gratuita) básica que permite executar testes de compatibilidade com o Internet Explorer 7 e Firefox 2 com 50 capturas de tela.
   
   http://litmusapp.com/
   
   
   
   
   
   
   
4. BrowsrCamp
   
   
   
   BrowsrCamp é uma ferramenta de teste de compatibilidade entre navegadores projetada para rowsers baseados em OS X. BrowsrCamp pode testar os principais web browsers no Mac e também alternativas menos conhecidas como Sunrise, Deméter ou iCab. O serviço suporta teste de resolução da tela de até 1600x1200. A partir de 3 dólares por dois dias de uso, BrowsrCamp oferece soluções de tarifação adicional por longos períodos de testes. O teste gratuito está disponível apenas para Safari 3,12.
   
   http://www.browsrcamp.com
   
   
   
   
   
   
   
5. Adobe BrowserLab
   
   
   
   Adobe BrowserLab é uma ferramenta gratuita de teste de compatibilidade multi-browser que permite que você faça uma comparação lado a lado de como seu site é mostrado em diferentes navegadores e sistemas operacionais. Ainda em fase beta, o serviço funciona com o Internet Explorer, Firefox, Safari, Chrome no Windows e OS X. Teste de resolução de tela não é suportado.
   
   https://browserlab.adobe.com
   
   
   
   
   
   
   
6. Ie NetRenderer
   
   
   
   IE NetRenderer é um serviço gratuito de testes de compatibilidade entre navegadores que você pode usar para comparar como o seu web site é processado através de diferentes versões do Internet Explorer (de 5,5 a 8). Testes de resolução de tela não são permitidos. O diferencial do IE NetRenderer é a opção para comparar à primeira vista, qualquer diferença no modo como seu site é renderizado no Internet Explorer 6 e 7.

   
   http://ipinfo.info/netrenderer
   
   
   
   
   
   
   

7. Multi-Safari
   
   
   
   Multi-Safari é uma ferramenta de teste de compatibilidade que permite verificar o processamento de seu Web site usando diferentes versões do Safari, o navegador padrão do Mac OS X. Você pode testar as versões do Safari do OS X 10,2 até 10,5. Multi-Safari não permite testar a resolução da tela. O serviço está disponível em inglês e francês.
   
   http://michelf.com/projects/multi-safari
   
   
   
   
   
   
   
8. CrossBrowserTesting
   
   
   
   CrossBrowserTesting permite verificar a compatibilidade do seu site em um grande conjunto de navegadores web, incluindo Internet Explorer, Safari, Firefox, Opera, Camino e outros. Os sistemas operacionais disponíveis para o teste são o Windows, OS X 10.5 e Ubuntu Linux 7.10. CrossBrowserTesting não oferece a opção de alternar entre diferentes resoluções de tela, mas, o teste para Javascript e Ajax está disponível. As soluções de preços partem de $ 19,95 para 150 minutos de utilização. Você também pode testar o serviço por um período de teste gratuito de 7 dias.
   
   http://crossbrowsertesting.com
   
   
   
   
   
   
   
9. Browser Photo
   
   
   
   Browser Photo é uma solução de teste de compatibilidade entre navegadores que testa o seu site em diferentes navegadores e sistemas operacionais. Browser Photo funciona com todos os principais navegadores do mercado (Internet Explorer, Firefox, Safari, Opera), em Windows, Mac OS X e Linux. O serviço também pode testar seu site em duas diferentes resoluções de tela: 800x600 e 1024x768. Browser Photo custa US$ 15 para uma única utilização. O período de teste não está disponível.
   
   http://www.netmechanic.com/products/browser-index.shtml
   
   
   
   
   
   
   
10. Multi-Browser Viewer
    
    
    
    Multi-Browser Viewer é uma ferramenta cross-browser que permite verificar a compatibilidade do seu site em diferentes navegadores e sistemas operacionais. A ferramenta testa todos os web browser principais nos três maiores sistemas operacionais (Windows, Mac OS X e Linux Ubuntu), e também navegadores menos conhecidos alternativos como o Epiphany, Konqueror e SeaMonkey. O teste de resolução de tela não está disponível. Multi-Browser Viewer também lhe permite validar e auto-corrigir o código HTML do seu site para resolver problemas de compatibilidade. Multi-Browser Viewer custa 24,95 dólares para uma licença de uma hora. O teste gratuito está disponível por 14 dias.
    
    http://www.multibrowserviewer.com
    
    
    
    
    
    
    
11. BrowserSeal
    
    
    
    BrowserSeal é uma ferramenta de teste de compatibilidade de navegador pode ser usada para descobrir qualquer problema de compatibilidade do seu web site através dos principais navegadores baseados no Windows (Internet Explorer, Firefox e Safari). Testes de resolução da tela não estão disponíveis. BrowserSeal custa 28 dólares por uma licença de uma hora e você pode testar o serviço gratuitamente no Firefox usando três capturas de tela.
    
    http://browserseal.com