Firefox Developer Edition é uma nova versão do popular navegador Mozilla, focado em desenvolvedores web.

Nos últimos anos os navegadores mais populares possuem ferramentas embutidas que permitem visualizar e editar o código fonte das páginas web. Esta ferramenta é muito útil para desenvolvedores web, pois permite localizar facilmente os erros, editar a página web na hora e ver os resultados imediatos das mudanças.

Firefox Developer Edition é um navegador web padrão para que possamos navegar na Internet da maneira usual. Ainda assim, ele tem a peculiaridade de incluir muitas ferramentas que facilitam o trabalho dos desenvolvedores web. Algumas dessas ferramentas são:

• Valência : esta ferramenta nos permite debugar diferentes navegadores em diferentes dispositivos. Por exemplo, podemos debugar uma página web no Safari no iOS ou Chrome no Android. Isto permite conectar o dispositivo móvel ao computador e fazer alterações no código fonte da página usando Firefox. Estas mudanças serão refletidas nos dispositivos móveis conectados. Esta ferramenta está em fase de teste, portanto não é recomendado trabalhar com ela de forma consistente.
• Projeto de resposta : graças a esta visão, não será necessário instalar nenhum plug-in para verificar como a página é vista em muitas resoluções. Desta forma, podemos ver se o design responsivo se adapta perfeitamente ao número máximo de resoluções possíveis.
• Page Inspector : este painel exibe informações sobre os elementos que compõem a página web. Podemos ver e modificar o código HTML e CSS em tempo real. Por exemplo, se selecionarmos uma classe CSS, veremos em destaque na web todos os elementos que fazem uso dessa classe CSS. O mesmo acontece com o código HTML; quando abrirmos o painel "Inspector Page" e colocarmos o cursor sobre um elemento HTML, este elemento será destacado no desenho da página.
• Console Web : este painel mostra os erros e mensagens de advertência gerados pela página web que estamos visitando e os organiza em categorias para que possamos ver os erros correspondentes a CSS, Javascript, Network, etc. Também podemos interagir com os elementos da web digitando o código javascript no console. Podemos chamar o método de um objeto ou usar jQuery para listar uma série de itens. Qualquer coisa que possamos fazer em Javascript pode ser realizada diretamente no "Console Web".
• u>Monitor de rede : aqui, podemos ver todas as solicitações realizadas por uma página web e explorar os cabeçalhos da mesma. Esta visão é muito útil para saber exatamente quantos elementos externos estão carregando uma web e se é necessário reduzir o número de elementos. Podemos filtrar as solicitações por tipo: HTML, CSS, JS, Image, Sources, Multimedia, e outros.

Estas são apenas algumas características que esta nova versão do navegador Firefox apresenta. Com certeza muitos desenvolvedores web ficarão satisfeitos com esta versão e farão do Firefox Developer Edition seu navegador padrão.