Baixar Firefox Developer Edition

Firefox Developer Edition

Gratis

Categoria
Sistemas Operacionais
Licença
Open Source

Firefox Developer Edition é uma nova versão do popular navegador da Mozilla, com foco nos desenvolvedores Web.

Nos últimos anos, os navegadores mais populares incorporaram ferramentas para poder ver e editar o código fonte das páginas da Web. Esses tipos de ferramentas são muito úteis para os desenvolvedores Web, já que permitem localizar as falhas e editar a página da Web "ao vivo" e, portanto, ver os resultados das alterações aplicadas de forma imediata.

O Firefox Developer Edition é um navegador normal, ou seja, podemos navegar de forma habitual na Internet, mas conta com a peculiaridade de incluir várias ferramentas que facilitam o trabalho dos desenvolvedores Web. Algumas dessas ferramentas são:

  • Valence: esta ferramenta permite fazer debug de diferentes navegadores em diferentes dispositivos. Por exemplo, pode-se fazer debug de um site da Web em um Safari executado no iOS ou em um Chrome executado no Android. Isso nos permite conectar o dispositivo móvel ao computador e alterar os códigos pelo Firefox. Essas alterações estarão refletidas nos dispositivos móveis conectados. Esta ferramenta está em fase de teste, por isso não se recomenda trabalhar com ela de forma consistente.

  • Visualização de design responsivo: graças a esta visualização, não será necessário instalar nenhum plug-in para comprovar como a página é vista em certas resoluções. Dessa forma, podemos ver se o design responsivo se adapta perfeitamente ao número máximo de resoluções possíveis.

  • Inspetor de página: este painel mostra informações sobre os elementos que compõem a página da Web. Podemos observar e modificar o código HTML e CSS ao vivo. Por exemplo, se selecionarmos uma classe CSS, veremos remarcados na página da Web todos os elementos que utilizam essa classe CSS. O mesmo acontece com os elementos HTML. Ao abrirmos o painel de "Inspetor de página" e colocarmos o cursor sobre um elemento HTML, veremos ressaltado esse elemento no design da página.

  • Console da Web: este painel mostra as mensagens de erro e advertência que gera a página da Web que estamos visitando e organiza-as em categorias, de maneira que possamos ver os erros relativos às CSS, Javascript, Red, etc. Também podemos interagir com os elementos da Web utilizando comandos Javascript no console. Podemos pedir ajuda ao método de um objeto ou utilizar jQuery para listar uma série de elementos. Qualquer coisa que saibamos fazer no Javascript podemos realizar diretamente no "Console da Web".

  • Monitor de rede: aqui é possível observar todas as solicitações que realiza uma página da Web e explorar os seus títulos. Esta visualização é muito útil para saber exatamente quantos elementos externos uma página da Web está carregando e se é necessário reduzir o número de elementos. Pode-se filtrar as solicitações por tipo: HTML, CSS, JS, imagem, fontes, multimídia, entre outros.

Essas são apenas algumas das características que apresenta esta nova versão do navegador Firefox. É claro que muitos desenvolvedores Web ficarão satisfeitos com esta versão e não levarão muito tempo para tornar este Firefox Developer Edition seu navegador padrão.