Qual é a diferença entre as edições regular e Developer do Firefox?

A Mozilla lançou recentemente uma nova Developer Edition para desenvolvedores web, mas qual a diferença entre ela e a versão regular do Firefox? A postagem de perguntas e respostas do SuperUser de hoje tem as respostas para a pergunta de um curioso leitor.

A sessão de perguntas e respostas de hoje nos é oferecida por cortesia do SuperUser - uma subdivisão do Stack Exchange, um agrupamento de sites de perguntas e respostas conduzido pela comunidade..

A questão

Leitor de SuperUser Saurabh Lprocks quer saber o que é diferente entre as edições regulares e de desenvolvedor do Firefox:

A Mozilla lançou recentemente uma nova versão de seu navegador chamado Mozilla Firefox Developer Edition, voltada especificamente para desenvolvedores web..

Eu instalei, mas não encontrei muita diferença entre a edição regular do Firefox e a edição do desenvolvedor. Todas as ferramentas na edição do desenvolvedor também estão na edição regular. Eu quero saber que extras a edição do desenvolvedor vem com a edição regular não.

Quais são as diferenças entre as edições regulares e de desenvolvedor do Firefox??

A resposta

Os contribuidores do SuperUser, blade19899 e Dave, têm a resposta para nós. Primeiro, blade19899:

O Firefox Developer Edition é uma versão modificada do Firefox, projetada especificamente para desenvolvedores web. Ele também usa um perfil separado da versão regular, de modo que executá-los lado-a-lado é uma opção. Isso significa que todos os seus complementos e configurações não estarão disponíveis no Firefox Developer Edition, mas você pode usar o Firefox Sync para obter seus complementos e configurações sincronizados em ambas as versões..

Todos os recursos do Firefox Developer Edition estarão disponíveis 12 semanas antes de estarem disponíveis na versão regular do Firefox.

Alguns recursos incorporados ao Firefox Developer Edition que a versão regular não possui são:

IDE da Web

O Web IDE permite desenvolver, implantar e depurar aplicativos da web diretamente no navegador ou em um dispositivo Firefox OS. Ele permite que você crie um novo aplicativo Firefox OS (que é apenas um aplicativo da Web) a partir de um modelo ou abra o código de um aplicativo existente. De lá, você pode editar os arquivos do aplicativo. É um clique para executar o aplicativo em um simulador e mais um para depurá-lo com as ferramentas do desenvolvedor. Você pode assistir a um vídeo sobre a Web IDE no YouTube aqui.

Valência

Anteriormente chamado de Adaptador de Ferramentas do Firefox, o Valence permite desenvolver e depurar seu aplicativo em vários navegadores e dispositivos, conectando as ferramentas do desenvolvedor do Firefox a outros mecanismos principais de navegadores. O Valence também amplia as ferramentas incríveis criadas para depurar o Firefox OS e o Firefox para Android para os outros principais navegadores móveis, incluindo o Chrome no Android e o Safari no iOS. Até agora, essas ferramentas incluem Inspector, Debugger e Console & Style Editor. Você pode assistir a um vídeo sobre Valence no YouTube aqui.

Editor de Áudio da Web

O Web Audio Editor permite inspecionar e interagir com APIs de áudio da Web em tempo real para garantir que todos os nós de áudio estejam conectados da maneira esperada.

Você pode olhar através do meu Q / A em Ask Ubuntu para uma resposta mais aprofundada: Como faço para instalar o Firefox Developer Edition?

Seguido pela resposta de Dave:

Como eu tenho certeza que você já sabe, atualmente ele tem esses recursos prontos para uso:

Web IDE - Permite desenvolver, implantar e depurar aplicativos da web.

Visualização de design responsivo - permite ver como o site será exibido em diferentes tamanhos de tela.

Valence - Depure em qualquer navegador (anteriormente chamado de Firefox Tools Adapter).

Web Audio Editor - Inspeciona o áudio da web para garantir que todos os nós de áudio estejam conectados conforme o esperado.

Page Inspector - Examina HTML e CSS.

Console da Web - veja informações registradas e interaja com páginas da Web usando JavaScript.

Depurador JavaScript - Debuga JavaScript.

Monitor de rede - Veja todas as solicitações de rede feitas pelo navegador e quanto tempo demora.

Editor de estilo - Editar estilos CSS.

Você pode assistir a uma introdução geral em vídeo aqui.

Inclui também:

Firefox Hello - WebRTC (uma ferramenta que permite chamadas e bate-papo de vídeo com outras pessoas a partir do navegador).

Esqueça o botão - semelhante à história clara.

Conta-gotas - permite que você 'tire' cores de uma página da Web.

Scratch Pad - Um console JS independente para testar snippets de JavaScript.

Conectar - permite conectar a um dispositivo remoto.

Como você provavelmente notou, alguns (a maioria) desses recursos já estão disponíveis no Firefox ou via add-ons agora, e com o passar do tempo, eu suspeito que eles estarão disponíveis como plugins. Por exemplo, o Page Inspector, o Console, o Depurador e mais alguns recursos já fazem parte do complemento do Firebug..

Quanto à mudança de tamanhos de tela e CSS, eu uso uma ferramenta chamada Developer Toolbar.

Eu usei o Firefox Developer Edition como um desenvolvedor web e designer e parece que o Firefox com plugins projetados para atender um web designer (que é o que eu acho que eles estavam apontando para). Eu pessoalmente estou mais interessado em ver como isso se desenvolve.

No momento, parece muito semelhante ao depurador já incorporado no Chrome e no Internet Explorer 11 (embora eu ainda não tenha experimentado todos os recursos).

Você também pode ver as notas do Firefox Developer Edition para mais detalhes.

Tem algo a acrescentar à explicação? Som desligado nos comentários. Quer ler mais respostas de outros usuários do Stack Exchange com experiência em tecnologia? Confira o tópico de discussão completo aqui.