Teste seu site

Hoje em dia existe uma variedade muito grande de navegadores (browsers) sendo utilizada para acessar a web. É muito comum que as páginas dos websites sejam processadas de formas diferentes por diferentes navegadores e suas diferentes versões. Sem contar as diferentes resoluções dos monitores utilizados e a quantidade de cores suportada por cada um deles.

Browsers - Navegadores mais comuns

Então, como fazer para testar seu website ou seu sistema web em diferentes navegadores? Para isto, preparei este mini-tutorial que irá auxiliá-lo nesta tarefa.

Passo 1 - Identificar os browsers, resoluções e quantidade de cores utilizadas pelos usuários

Para identificar quais os navegadores, as resoluções e as quantidades de cores utilizadas por seu website / sistema, você tem três opções:

  1. Solicitar ao seu provedor de hospedagem as estatísticas de acesso de seu website / sistema
  2. Implantar você mesmo um sistema de estatísticas de acesso
  3. Utilizar estatísticas de acesso gerais

Uma boa dica é utilizar o Google Analytics. Já usei diversos sistemas de estatísticas pagos e jamais encontrei algo parecido. E para completar é GRATUITO! Em outra oportunidade entrarei em mais detalhes sobre esta espetacular ferramenta.


Google Analytics - Tela de exemplo

Independentemente do método utilizado, verifique a lista dos browsers mais utilizados, bem como suas versões mais utilizadas. Também observe as resoluções de tela mais utilizadas por seus usuários, sem se esquecer da quantidade de cores que eles utilizam.

Passo 2 - Testar seu website ou sistema em diferentes navegadores

Em primeiro lugar, aconselho que você tenha instaladas as versões mais utilizadas de cada navegador (Internet Explorer, Firefox, Opera, etc.), pois será muito mais prático e rápido testar suas páginas em tempo real. Veja bem: eu disse as versões mais utilizadas, não as versões mais novas!

Você também pode saber quais as versões mais utilizadas de cada navegador no mundo acessando o website da W3Schools ou acompanhar as mesmas estatísticas acrescidas de diversos outros dados, a exemplo das resoluções de telas mais comuns, de acordo com aW3Counter.

Para testar seu website nos navegadores restantes (aqueles que não estão instalados em seu computador) você pode utilizar o serviço gratuito do Browsershots. Basta você indicar a URL de sua página e clicar no botão “Start”. Não se esqueça de indicar a URL com “http://” ou “https://” no início. Na página que se segue você deverá escolher os browsers que você quer testar (quadro azul) e outros dados (caixa cinza) como a resolução de tela, a quantidade de cores, utilização de Javascript, Applets Java, Flash, Apple Quick Time, Windows Media Player, SVG e PDF. Na combo “Maximum wait” defina o tempo máximo de espera para que o serviço tire todas as screenshots. Quanto maior o tempo, maior a possibilidade de êxito do serviço. Depois de clicar em “Submit Jobs” é só aguardar alguns minutos que o serviço exibe as imagens da página acessada através dos diversos navegadores e suas diversas versões.

Browsershorts - Seu website em diversos browsers (navegadores)

No momento em que escrevi este artigo, o Browsershots testava os seguintes navegadores e versões:

Para Linux

  • Dillo 0.8
  • Epiphany 2.14 e 2.16
  • Firebird 0.6 e 0.7
  • Firefox 1.0, 1.5, 2.0 e 3.0
  • Flock 0.7
  • Galeon 2.0
  • Iceweasel 2.0
  • Konqueror 3.5
  • Mozilla 1.0, 1.1, 1.2, 1.3, 1.4, 1.5, 1.6 e 1.7
  • Navigator 4.8
  • Opera 9.2 e 9.10
  • Phoenix 0.1, 0.2, 0.3, 0.4 e 0.5
  • SeaMonkey 1.0 e 1.1

Para Windows

  • MSIE 5.0, 5.5, 6.0 e 7.0

Se quiser, você também poderá ter todos os browsers instalados em sua máquina. Basta acessar o website dos malucos da evolt.org, baixar os pacotes dos browsers para seu computador e instalá-los. São tantos navegadores, com tantas versões, para tantos sistemas operacionais diferentes que ficaria impraticável listá-los aqui. Tem versões do Internet Explorer, versões do FireFox e de diversos outros.

Eu não testei esta múltipla instalação. Pretendo testá-la em breve. Mas caso você queira se aventurar antes de mim acesse as instruções para instalação das diversas versões do Internet Explorer (em inglês) desenvolvidas por Joe Maddalone.

Espero tê-los ajudado. Se vocês souberem de algum outro serviço para testes de diferentes versões de navegadores ou outras formas de instalá-los ao mesmo tempo em uma única máquina, favor entrar em contato para que eu possa adicioná-los aqui!

Postar um comentário

 

Copyright © 2011 Fabiolafas | Powered by Blogger | Template by 54BLOGGER