A Mozilla lançou recentemente uma nova Developer Edition para desenvolvedores web usarem, mas quanta diferença existe entre ela e a versão regular do Firefox? A postagem de hoje com perguntas e respostas do superusuário tem as respostas para a pergunta de um leitor curioso.
A sessão de perguntas e respostas de hoje chega até nós como cortesia do SuperUser - uma subdivisão do Stack Exchange, um grupo de sites de perguntas e respostas voltado para a comunidade
A questão
O leitor 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 da web, chamada Mozilla Firefox Developer Edition, voltada especificamente para desenvolvedores da web.
Eu instalei, mas não encontrei muita diferença entre a edição regular do Firefox e a edição para desenvolvedores. Todas as ferramentas da edição do desenvolvedor também estão na edição regular. Quero saber quais extras a edição para desenvolvedores vem e a edição regular não.
Quais são as diferenças entre as edições regulares e para desenvolvedores do Firefox?
A resposta
Os contribuidores SuperUser blade19899 e Dave têm a resposta para nós. Primeiro, blade19899:
o Firefox Developer Edition é uma versão modificada do Firefox especificamente projetada para desenvolvedores da 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 add-ons e configurações não estarão disponíveis no Firefox Developer Edition, mas você pode usar o Firefox Sync para sincronizar seus add-ons e configurações em ambas as versões.
Todos os recursos do Firefox Developer Edition estará disponível 12 semanas antes de estarem disponíveis na versão regular do Firefox.
Alguns recursos integrados 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 Web IDE no YouTube aqui .
Valência
Anteriormente chamado de Adaptador de Ferramentas do Firefox, Valence permite desenvolver e depurar seu aplicativo em vários navegadores e dispositivos conectando as ferramentas de desenvolvedor do Firefox a outros motores de navegador principais. Valence também estende as incríveis ferramentas construídas para depurar Firefox OS e Firefox para Android para os outros navegadores móveis principais, incluindo Chrome no Android e Safari no iOS. Até agora, essas ferramentas incluem Inspector, Debugger e Console e Editor de Estilos. Você pode assistir a um vídeo sobre Valence no YouTube aqui .
Editor de áudio da web
o Editor de áudio da web permite que você inspecione e interaja 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 consultar minhas perguntas e respostas em Ask Ubuntu para obter uma resposta mais detalhada: Como faço para instalar o Firefox Developer Edition?
Seguido pela resposta de Dave:
Como tenho certeza de que você já sabe, atualmente ele oferece estes recursos prontos para uso:
- Web IDE - permite desenvolver, implantar e depurar aplicativos da web.
- Visualização de design responsivo - permite que você veja como o site ficará em diferentes tamanhos de tela.
- Valence - Depure em qualquer navegador (anteriormente denominado Firefox Tools Adapter).
- Editor de áudio da web - inspeciona o áudio da web para garantir que todos os nós de áudio estejam conectados conforme o esperado.
- Inspetor de página - examina HTML e CSS.
- Console da web - veja as informações registradas e interaja com as páginas da web usando JavaScript.
- JavaScript Debugger - Depurar JavaScript.
- Monitor de rede - Veja todas as solicitações de rede que o navegador faz e quanto tempo leva.
- 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 por vídeo com outras pessoas a partir do navegador).
- Botão Esquecer - Semelhante ao histórico de limpeza.
- Conta-gotas - permite 'tirar' cores de uma página da web.
- Scratch Pad - Um console JS autônomo para testar trechos de JavaScript.
- Conectar - permite que você se conecte a um dispositivo remoto.
Como você deve ter notado, alguns (a maioria) desses recursos já estão disponíveis no Firefox ou por meio de complementos agora, e com o passar do tempo, suspeito que eles estarão disponíveis como plug-ins. Por exemplo, o Inspetor de página, Console, Depurador e mais alguns recursos já fazem parte do complemento Firebug.
Quanto à alteração do tamanho da tela e CSS, uso uma ferramenta chamada Developer Toolbar.
Eu usei o Firefox Developer Edition como desenvolvedor e designer da web e parece que o Firefox com plug-ins projetados para se adequar a um designer da web (que é o que eu acho que eles queriam). Pessoalmente, estou mais interessado em ver como isso se desenvolve.
No momento, parece muito semelhante ao depurador já integrado no Chrome e no Internet Explorer 11 (embora eu não tenha experimentado todos os recursos ainda).
Você também pode ver o 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 .
