BrowserShots – Como testar seu site?

BrowserShots

Você conheçe o BrowserShots?

Muitas vezes queremos verificar como o site se comporta visualmente em diversos navegadores, mas nem sempre é possível ter todas as versões em nossa estação de trabalho, então utilize o browsershots.

Basta digitar a sua URL no campo solicitado, selecionar os navegadores que queres testar e sistemas operacionais e aguardar 15 minutos. Em breve terás os screenshots do seu site com as configurações especificadas.

URL: http://browsershots.org/

IE Tester

Em se tratando de Internet Explorer, sempre é bom debugar…

No vídeo abaixo, eu apresento o IE Tester, muito conhecido para quem já trabalha na área, mas para os entrantes no mercado, nem tanto.

O Internet Explorer é muito conhecido por “falhas” na hora de renderizar os códigos, mas na verdade isso acontece porque ele usa um motor de interpretação de HTML (Trident) diferente dos demais (Gecko) e pelo fato de deu fabricante ser um grande player de marcado, temos que nos render a essas particularidades, é o famoso cross-browser.

Para essa tarefa algumas ferramentas são indispensáveis, uma delas é o IE Tester.

Link do aplicativo: http://www.my-debugbar.com/wiki/IETester/HomePage

Testando a compatibilidade do seu navegador

Teste de HTML 5 em navegadores
Teste de HTML 5 em navegadores

Teste de HTML 5 em navegadores

E aí galera..

Estava eu [agora], navegando no novíssimo Internet Explorer que baixei no note da minha namorada (mas que sacanagem né?! porque no meu só vai ser instalado quando for extritamente necessário) quando resolvi, vou testar a compatibilidade desse bicho com o HTML 5. Foi aí que resolvi perguntar ao mago Google, onde encontrei o seguinte site http://html5test.com/

Ele avalia diversos quesitos no seu navegador e te dá uma pontuação. O meu IE9 atingiu magníficos 130 de 400 (e mais 5 bônus).

Se você também quiser testar fique à vontade.

E nesse link http://html5test.com/results.html você consegue ver os resultados dos demais navegadores/browsers.

 

Abração!