python5.jpg
PyCon [5] 2009 - Caxias do Sul

Ae, faz horas que não escrevo no meu blog, e já andava com saudade dele. A minha auxência é facilmente explicada pois atualmente meus dias não são mais contados em horas, mas sim pelo número de coisas que tenho que fazer por dia. Atualmente, estou me empenhando para concluir a tradução da documentação do Django 1.0 para Português do Brasil, fora a faculdade, que eu achei q seria barbada no início, mas esta exigindo muito trabalho fora de sala de aula. Junto tudo isso estou com 4 projetos em fase de acabamentos e detalhes, tudo contribuindo para aumentar a falta de tempo para escrever, e por em andamento várias idéias que tenho anotadas.

navigators.jpg

Na primeira parte sobre desenvolvimento Cross-browser eu comentei sobre os diferentes motores de javascript que são utilizados nos navegadores mais populares, não lembro se cheguei a falar, mas alguns deles como o WebKit e o Gecko são utilizados em vários navegadores como o Konqueror, Iceweasel e Flock. Por este motivo muitos destes motores podem ser utilizados no Linux, e assim é possível fazer sites compatíveis com o que é mais utilizado hoje em dia.

Construíndo o ambiente de testes

É sempre válido lembrar que essas dicas são úteis para você que necessita testar seus sites em diferentes plataformas, mas não quer ficar utilizando máquinas virtuais ou mesmo ter dual boot no seu computador.

Primeiramente vamos listar nossos navegadores, alguns deles são bem conhecidos mas outros não. Como disse na primeira parte, os principais motores de javascript são WebKit, Gecko, V8, Presto e IE. Destes somente o V8 ainda não é possível utilizarmos, mas o Google prometeu uma versão para o Linux, acredito que é possível que isso aconteça ainda este ano.

Os navegadores que eu utilizo são os seguintes:

Midori - Webkit

O Midori é um navegador bem leve, desenvolvido sobre o Webkit. Ele não oferece muitos recursos, ainda está em fase inicial de desenvolvimento, e precisaria evoluir muito. Mas como objetivo é ver os sites como os usuários do Safari ele acaba por ser incrivelmente útil e eficaz. Confeço que tive problemas sérios com o Safari um tempo atrás, relacionado a posicionamento de objetos na tela, e ele me salvou a pele, pois eu não sou usuário de MacOS e nem tenho o Windows também.

Instalação do Midori

O Midori é meio chatinho de instalar, você vai precisar compilar ele, mas considerando que todos somos programadores, isso deve ser tranquilo, e a compilação dele não é muito complicada. Depois de baixar o Midori, execute os comandos abaixo:

O instalador do Midori é construído em python com o Setuptools, 
portanto você precisa ter o Python2.4 ou superior
$ ./waf configure
$ ./waf build

Depois de completada a instalação você consegue rodar o Midori com este comando
$ ./waf build --run

 

Firefox - Gecko e TraceMonkey

O Firefox dispensa comentários, embora não seja o mais utilizado, ele ocupa o posto de navegador mais baixado em um dia, hehehe. Desde o Netsacape sua história sempre foi de extremo sucesso, mas acompanhado de um forte bombardeio da Microsoft que tenta manter seu navegador unânime na internet.

Diferente dos outros navegadores, que tem como objetivo somente performance e boa usabilidade para usuários finais, o Firefox ainda possui a melhor plataforma de desenvolvimento Web, com inúmeros add-ons para ajudar o desenvolvedor a melhorar seu código e atingir os resultados desejados com a construção de um site.

Como o firefox está em tudo que é Linux, eu vou somente citar alguns addons que são muito importantes para quem quer desenvolver para Web.

  • ColorZilla - Esta é uma ferramenta muito útil para descobrir a cor de um certo ponto de uma página, e montar peletas de cores.
  • Firebug - Esta ferramenta é fundamental para o desenvolvimento de qualquer site, com ele você consegue monitorar e debugar javascript, inspecionar elementos HTML e fazer modificações visuais do seu site.
  • YSlow - Este addon funciona integrado ao Firebug, e sua tarefa é calcular a execução do seu site. Ele consegue lhe informar precisamente quais pontos você pode alterar para que a performance do site vá ao máximo, aproveitando melhor os recursos de css e javascript.
  • Web Developer - Este é um kit de pequenas ferramentas para lhe ajudar desenvolvedor o site, como validar html e css, console de javascript, onde é mostrados os erros e warnings de css e javascript, entre outras funcionalidades.

Opera - Presto

O Opera felizmente possui uma versão estável e muito completa para Linux, eu o utilizo as vezes como meu navegador principal, por oferecer uma performance melhor que a do Firefox. Confesso que as vezes me espanto com as diferenças entre os dois navegadores em relação a performance, mas mesmo assim considero o Firefox muito a frente dele, pela suas possibilidades de expansão.

Instalação do Opera

Pra instalar o Opera é barbadinha, ele tem várias versões para diferentes distribuições e tem para MacOS e Windwos também. No caso do Ubuntu você baixa direto o pacote .deb e dá dois-cliques e está feito.

http://www.opera.com/browser/download

Internet Explorer - IE4Linux

Esse aqui é o nosso maior problema, não só pela qualidade do navegador, mas porque nós somos obrigados a usar um enjambre para testes. Mas eu tenho utilizado e é bem fiel aos resultados apresentados pelo IE6 no Windows, no que se refere a Javascript, HTML, XHTML  e CSS. O único problema é que ele necessitado Wine, pois roda o IE emulado, e embora ele possua o IE7, não aconselho o uso, pois não funciona. Já tentei várias vezes, e nada.

Vamos então a instalação do IE4Linux

Utilize este comando para baixar o IE4Linux
$ wget http://www.tatanka.com.br/ies4linux/downloads/ies4linux-latest.tar.gz

Extraia o arquivo
$ tar zxvf ies4linux-latest.tar.gz
$ cd ies4linux-*

Instale
$ ./ies4linux

 

Conclusão

Então chegamos ao final da segunda parte, agora você consegue atingir quase todos os principais navegadores utilizando essas soluções para testes. Sempre é válido lembrar que quando desenvolvemos sites que funcionam no Firefox, naturalmente eles funcionam nos demais, com exceção do Internet Explorer, por motivos explicados anteriormente. Mas sempre é bom garantir, e já comprovei a eficácia dos testes nestes quatro navegadores. Na próxima parte veremos algumas peculiaridades sobre regras CSS, principalmente a respeito nas diferenças existentes entre bordas arredondadas e a propriedade alpha/opacity, e algo mais que surgir.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <b> <i> <u> <img> <p> <span> <div> <h1> <h1> <h2> <h3> <h4> <h5> <h6> <pre>
  • Lines and paragraphs break automatically.

More information about formatting options

Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated.