Firefox 4 e Gecko 2

Introdução

Ontem foi lançado o Firefox 4. Você já viu? Para usuários finais deste navegador (que considero bastante satisfatório) a mudança na interface é facilmente perceptivel. Mas não é só isso que o novo Firefox tem a oferecer. Existem vários pontos fortes para programadores Web por debaixo de uma "roupinha" nova. Então vamos conhecer alguns deles.

---

Firefox

Antes de mais nada, vou citar e comentar algumas das melhorias mais notáveis que identifiquei (a lista de melhorias divulgadas para usuário final foram obtidas em em http://www.mozilla.com/en-US/firefox/4.0/releasenotes/):

• Utiliza o motor de JavaScript "JägerMonkey", que é seis vezes mais rápido que o motor utilizado para este propósito na versão 3.6. Como existe uma tendência atual de sites e sistemas Web utilizarem cada vez mais recursos do JavaScript, é natural observar uma significativa melhoria de performance. O "seis vezes mais rápido" entrou aqui para marketing do novo produto, mas veja que isso é sobre o motor de JavaScript e não o motor de renderização.
• Suporte a DNT ("Do Not Track" ou "Não restreie"), que está relacionado com a privacidade do usuário.
• Inclusão do "Firefox Sync", que permite sincronizar o conteúdo aberto em um computador em outro computador (ambos usando o Firefox 4). Enfim, você pode salvar as abas abertas do Firefox usado no trabalho, e restaurá-las em casa, por exemplo.
• Alguns tipos de operações de renderização de elementos gráficos do navegador agora são acelerados por hardware. Porém, estes efeitos ainda não foram suportados para Linux, embora estejam previstos para o futuro.
• Suporte nativo ao formato de vídeo HD HTML5 WebM, com aceleração via hardware onde disponível.
• As abas ficam, por padrão, acima da barra de endereço. Isso parece mais intuitivo, já que cada aba tem seu próprio endereço, mas precisa de algum tempinho para acostumar com elas ali.
• Além disso as abas podem ganhar o status de "Aba aplicação", que é uma aba fixa na barra de abas e tem tamanho reduzido (só apresenta o ícone da aplicação). Ideal para colocar suas aplicações favoritas, tais como web-mail ou suas redes sociais.
• Os botões de "recarregar" e "parar" estão mesclados, por padrão. Ele fica na situação "ir", se a página ainda não foi carregada, na situação "recarregar" se a página foi carregada, e na situação "parar" durante o carregamento da página. Afinal, se a página já carregou, não faz sentido pará-la.
• A barra de favoritos foi trocada por um botão de favoridos, que passou a ser o padrão. Isso ocupa menos espaço e permite que a área de navegação seja mais ampla.
• Novo sistema de proteção contra travamentos de alguns plugins em diferentes sitemas.
• O gerenciador de complementos (pluggins) ganhou um polimento. Agora é aberto em nova aba e tem design mais moderno.
• Suporte parcial a Transições CSS, algo que merece um artigo próprio aqui no blog.
• Suporte a Formulários HTML 5, que já ganhou um artigo aqui no blog ("Formulários em HTML 5").
• Suporte à nova API de Áudio padrão, que permitira incorporar áudio ao HTML como ocorre hoje com imagens.
• Nova ferramenta chamada "Panorama" apresenta a lista de abas abertas (na forma de miniatura ou outra coisa), para quem gosta de abrir um monte de abas, mas se perde em meio a elas.
• Desenvolvedores web agora podem atualizar o campo URL sem recarregar a página usando HTML History APIs. Isso parece permitir que aplicações que usam Ajax tenham o velho recurso do avançar, voltar e atualizar. Isso também merece um artigo aqui no blog.

---

Gecko

E agora, vamos ver o que há de novo no Gecko 2, apenas superficialmente (lista de mudanças obtida em https://developer.mozilla.org/en/Firefox_4_for_developers):

• Novo parser de HTML 5 (ainda em desenvolvimento) permite novos campos de formulário, seções e alguns elementos novos, como mark, fig e figcaption.
• Campos textarea podem ser redimencionados, facilitando o preenchimento de textos grandes em campos com pouco espaço.
• Suporte parcial a transições CSS.
• Alguns elementos específicos mudaram de nome: -moz-background-size para background-size, -moz-border-radius para border-radius, e -moz-box-shadow para box-shadow.
• Novos métodos pushState() e replaceState() permitem manipular o objeto history sem necessariamente ir para a página, permitindo que aplicações que usam Ajax usufruem dos botões de voltar, avançar e atualizar.
• Vários recursos novos no DOM, em geral.
• O console de erros foi depreciado em favor do "Console da Web", que mostra as requisições HTTP, erros/avisos de CSS, JavaScript e de desenvolvimento Web em geral.

A equipe do Firefox montou até uma página que mostra o crescimento do número de downloads e, ainda, já atiça alguns programadores web com alguns efeitos visuais que mostram de onde vem os downloads: Acompanhar Downloads do Firefox.