Diego Oliveira Potapczuk

Testando seu site com diversos navegadores de uma maneira fácil

Descobri recentemente por uma necessidade de um projeto uma forma de testar um site ou aplicação web em diversos navegadores de uma maneira bastante fácil.

Spoon

O segredo é utilizar uma ferramenta chamada spoon, que além dessa utilidade, possui diversas outras não discutidas aqui. Essa ferramenta permite utilizar os navegadores antigos como o Internet Explorer 6 até novos navegadores como o Mozilla Firefox 4 e Google Chrome 6. Tudo isso de uma maneira nativa e sem a necessidade de instalar esses navegadores, a aplicação utilizando técnicas de máquina virtual permite criar sandbox para a execução temporária dessas ferramentas. Dessa forma ficando bastante fácil verificar se sua aplicação possui erros de acessibilidade em um determinado navegador ou problemas de CSS e Javascript.

Para saber mais acesse:
http://spoon.net/browsers/

Google Chrome Developer Tools

Google Chrome

O navegador da Google, o Chrome, agora tem, de forma totalmente integrada, uma ferramenta para os desenvolvedores web no nível do FireBug do Firefox.

A ferramenta é dividida em 4 módulos principais:

• Elements: Responsável por analisar todos os elementos da página, podendo visualizar e editar suas propriedade HTML e CSS.
• Resources: Responsável por visualizar de forma bastante fácil o que é carregado na página e quanto cada elemento demora para ser carregado.
• Scripts: Ferramenta para visualizar os scripts da página e também para fazer sua depuração.
• Profile: Responsável por fazer o profile (tempo de execução) dos scripts que são executados na página, mostrando aqueles que deixam o site mais demorado para carregar.

Para maiores informações acesse:
http://www.chromium.org/devtools

Apresentação sobre CSS

Aproveitando a deixa posto aqui minha segunda apresentação postada no SlideShare, essa aqui foi a apresentação que usei para dar um mini-curso sobre CSS e algumas práticas dele.