Testando seu site em diferentes versões do Internet Explorer

Para quem desenvolve sites sabe muito bem a dor de cabeça que o Internet Explorer 6 nos trouxe, e ainda traz até hoje. Se você pega algum modelo pronto, ou mesmo se você parte para fazer um site do zero termina tendo muito trabalho para arrumar a 'folha de estilos' (CSS) para que ela funcione da mesma forma nos diferentes navegadores existentes.

Existe um organização conhecida como W3C que dita os padrões da Web. O Firefox segue (não sei se 100%) estes padrões. O Internet Explorer 7 chega muito próximo do Firefox neste quesito, diferente do seu antecessor que é uma zona. Para quem não navega bem na web e utiliza o browser da Microsoft, hoje em dia, a maioria já está com a versão 7 em suas máquinas. O problema se dá que alguns sites quando vistos no Firefox ou no IE7 pode aparecer com algumas diferenças em relação ao IE6. Tudo isso devido a falta de agregação aos padrões pelo IE6, e como ele foi durante muito tempo o navegador mais utilizado, a maioria das pessoas não queria nem saber, queria ver funcionando nele e fim de papo, afinal só alguns nerds malucos que 'ousavam' utilizar outro navegador.


Depois de um último site que desenvolvi, o qual tive um trabalho bem chato para que ele funcionasse direitinho nas duas versões dos navegadores de Bill Gates (que eram os utilizados pelos clientes), descobri um programa muito bom para se testar um site nestes dois navegadores, o IETester.

Desde que lancei meu novo blog (http://porraman.com), como só uso o Firefox e na minha máquina o outro navegador é o IE7, eu não sabia que meu blog não mostrava a barra lateral da forma correta para quem o acessava pelo IE6. Só um dia, acessando num pc que ainda estava com este navegador, que pude ver que minha sidebar ficava lá em baixo do blog. Uma lástima não? Vejam as duas figuras a seguir:

Meu Blog no IE6. Repare nas abas que o IETester abre já com identificação de qual navegador você está (D = Default -> IE7, 6 = IE6). Clique na imagem para ampliar.

Já aqui podemos ver como ele aparece no IE7, tudo certinho.

Com o IETester aberto (sua instalação é muito simples: next, next...finish) bastar ir em "Newtab" que uma lista com as versões do Internet Explorer são disponibilizadas. Daí é ó escolher a que deseja e mandar bala. Uma aba é aberta e você navega como se estivesse com aquele browser em sua máquina. Eu abri duas abas, uma com meu Internet Explorer "Default" (a versão 7) e outra com o IE6. Daí pude ir alterando minha folha de estilos até deixar tudo certinho. Uma mão na roda.


Antes que alguém pergunte se tem o Firefox como opção nas abas, não tem. Aliás, como o próprio nome indica só temos versões do IE, desde a 5.5 até uma versão beta do 8, que já é bom para todo mundo ir se preparando. Para quem desenvolve sites é interessante porquê você tem como visualizar como ficará o site de uma forma bem mais prática em todos os tipos de IE. Para quem tem também curiosidade de saber como seu site ou blog é visualizado em diferentes versões do browser da Microsoft também vale a pena.

Eu sou proprietário do blog "Porra, man!", me chamo Márcio Melo e esta é minha primeira aparição aqui no "Geek - Como Fazer?". Fui convidado já tem um tempinho, uma pena que não tenha tempo para escrever mais vezes. Espero não ter fugido muito do tema do blog, caso esteja o dono pode excluir o post depois... :D