Para verificar a compatibilidade do seu site entre diferentes browsers, sistemas operacionais, ou resoluções de tela, há um punhado de ferramentas pouco conhecidas que os webmasters profissionais mantém em segredo em seus kits. Eu fui buscar descobrir quais são essas ferramentas.
Crédito da foto: BrowserCam editada por Daniele Bazzano
Como você provavelmente sabe, não é possível saber como verá seu website em um computador de sistema operacional diferente do seu. Na verdade, existem três fatores que alteram a forma que suas páginas da web são mostradas na tela das outras pessoas:
Para deixar isso claro, uma página configurada no Firefox 2, em um computador com Windows, provalvemente não vai parecer a mesma coisa quando aberta novamente em um Firefox 3 de um Mac. Este é o motivo pelo qual um editor online tem que sair do seu entorno e garantir que seu site apareça quase da mesma forma em diferente browsers, sistemas operacionais e resoluções de tela.
Mas, como você pode testar uma variedade tão ampla de possíveis combinações? Instalar todos os browsers e sistemas operacionais disponíveis, e então testar suas webpages com cada uma das resoluções disponíveis em seu monitor?
Caso você queira manter sua sanidade, não tente o que eu disse acima. O grande número de combinações que você precisa para testar é bastante assustador: 15 configurações básicas que devem ser testadas em pelo menos três resoluções diferentes fazem disso um pesadelo. Confie em mim.
Neste guia, eu selecionei pessoalmente as melhores ferramentas de combatilidade entre browsers existentes, para ajudar a descobrir como seu site se comportará em diferentes browsers, sistemas operacionais e resoluções de tela.
As ferramentas para testar a compatibilidade de seu site geralmente funcionam da mesma forma. Você fornece a URL da página que quer testar, e então seleciona os sistemas operacionais, browsers, e (quando disponível) as resoluções de tela que você queira testar com sua página.
O serviço de compatibilidade de browser que você escolher, irá então capturar aquela página específica de acordo com as características que você tenha escolhido (sistema operacional, modelo e versão do navegador etc), de modo que poderá assim avaliar imediatamente quais são as questões chave para abordar no código HTML da sua webpage.
Segue abaixo uma lista completa de todas as ferramentas e serviços de verificação de compatibilidade de browsers, assim como um conjunto de critérios-chave que utilizei para compará-los:
Para realizar sua análise e tarefa de seleção de forma ainda mais eficaz, aqui abaixo eu preparei uma tabela comparativa que mostra todas as ferramentas disponíveis para testar a compatibilidade dos navegadores nas múltiplas plataformas, junto com um conjunto completo de mini-resenhas introduzindo cada uma delas.
Aqui estão todos os detalhes:
Introdução por Daniele Bazzano
*Favor consultar os sites dos serviços para preços de outros planos.
BrowserCam permite que você teste seu site em diferentes browsers e sistemas operacionais. O serviço funciona em qualquer browser, desde que o sistema operacional seja Windows, Mac, e Linux Fedora Core 9. Também é disponível testar diferentes resoluções de tela. Uma característica única do Browsercam é a possibilidade de testar como suas páginas são mostradas no smartphone Blackberry com Windows Mobile 5.0. BrowserCam é quotado a $19,95 por um dia de uso, mas há soluções adicionais de preços caso você queira usá-lo por mais tempo. O serviço é gratuito para teste por 24 horas e 200 capturas de tela.
http://www.browsercam.com/
Browsershots é talvez a melhor solução gratuita para testar a compatibilidade de seu site em diferente browsers, sistemas operacionais e resoluções de tela. Browsershots compara o layout de seu site com quase qualquer navegador e OS disponíveis no mercado. Você pode ainda testar seu layout em diferentes resoluções de tela. Uma ferramenta única é a possibilidade de testar a profundidade de cor (color depth), e ainda códigos Javascript, Flash e Java, para verificar como esses parâmetros podem afetar a forma que seu site é mostrado.
http://browsershots.org/
Litmus é um serviço baseado na web que compara a apresentação de seu site em diferentes browsers e sistemas operacionais. Usando a versão Basic (gratuita), você pode realizar testes no IE7 e Firefox 2. Fazendo a compra de alguma das novas soluções, permite que você tenha acesso a uma escolha maior entre navegadores e sistemas operacionais. Litmus não oferece um período de teste gratuito nem a possibilidade de testar seu site com diferentes resoluções de tela. Como diferencial, o serviço permite que você teste o layout de suas páginas (apenas paraMS Office 2003 e GMail na versão Basic).
http://litmusapp.com/
CrossBrowserTesting permite que você cheque a compatibilidade de seu site em um grande número de browsers incluindo IE, Safari, Firefox, Opera, Camino, e alguns mais. Os sistemas operacionais disponíveis para teste são Microsft Windows, Mac OSX 10.5, e Ubuntu 7.10. Cross-BrowserTesting não oferece a opção de teste entre diferentes resoluções de tela, mas o teste de códigos Javascript e Ajax é possível. As soluções de preço começam em $1 para 5 minutos de teste, sem limites. Você pode testar o serviço por um período gratuito de 5 minutos.
http://www.crossbrowsertesting.com/
Browser Photo é uma solução baseada na web que tira screenshots de suas webpages através de diferentes navegadores e sistemas operacionais com fins de teste de layout. O serviço funciona com os principais browsers do mercado (IE, Firefox, Safari, Opera), rodando no Windows, Mac e Linux. Browser Photo permite que você teste os navegadores com diferentes resoluções de tela. Não há um período para teste gratuito. Cotado a $15 para um único uso, Browser Photo oferece planos adicionais que se encaixam em suas necessidades.
http://www.netmechanic.com/products/browser-index.shtml
BrowsrCamp é um serviço baseado na web que permite que você teste a compatibilidade de seu site em diferentes navegadores, porém, apenas em computadores Mac. Trabalhando com quase todos os browsers que se pode executar em OSX, BrowsrCamp também permite que você teste seu site em diferentes resoluções de tela. Com preços começando em $3 para dois dias de uso, o serviço oferece soluções de preço adicionais para períodos maiores de teste. O teste gratuito está disponível apenas para Safari 3.12.
http://www.browsrcamp.com/
IE NetRenderer é um serviço gratuito baseado na web que permite que você compare como um site é mostrado em diferentes versões do Internet Explorer (do 5.5 ao 8 Beta 2). O teste de resolução de tela não é disponível. Uma característica única e bastante prática do IE NetRenderer permite que você compare qualquer diferença de como sua página é exibida no IE6 e IE7 .
http://ipinfo.info/netrenderer/
Multi-Safari é um serviço gratuito de teste que permite que você verifique como seu site é mostrado nas diferentes versões do Safari. O serviço foi feito para evitar que diferentes instalações do OSX sejam feitas para teste de seu site nas versões disponíveis do Safari. Multi-Safari não disponibiliza nenhum teste para diferentes resoluções de tala.
http://michelf.com/projects/multi-safari/
Caso você conheça outras ferramentas de teste de compatibilidade de browsers que você tenha usado e acha que valem a pena mencionar, sinta-se à vontade para deixar seu comentário no espaço abaixo.
Feed RSS de Notícias Diárias
Veja a tabela
