7Aug
Mozilla lançou recentemente uma nova Developer Edition para desenvolvedores web para usar, mas a diferença entre a versão regular e o Firefox? O super-usuário Q & A Post tem respostas para a pergunta de um leitor curioso.
Today's Question &A sessão de atendimento chega a cortesia do SuperUser - uma subdivisão do Stack Exchange, um agrupamento comunitário de sites Q & A.
A pergunta
Leitor de superutilizador Saurabh Lprocks quer saber o que é diferente entre as edições regulares e desenvolvedoras do Firefox:
A Mozilla lançou recentemente uma nova versão do seu navegador chamado Mozilla Firefox Developer Edition, especificamente orientada 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. Quero saber quais extras a edição do desenvolvedor vem com a edição regular não.
Quais são as diferenças entre as edições normais e desenvolvedoras do Firefox?
A resposta
SuperUser contribuidores blade19899 e Dave têm a resposta para nós. Primeiro, blade19899:
O Firefox Developer Edition é uma versão modificada do Firefox que foi projetada especificamente para desenvolvedores web. Ele também usa um perfil separado da versão regular para 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 normal do Firefox.
Alguns recursos incorporados no Firefox Developer Edition que a versão normal não possui são:
Web IDE
O IDE da Web permite que você desenvolva, implante e depua aplicativos da web diretamente no seu navegador ou em um dispositivo do SO Firefox. Ele permite criar um novo aplicativo do Firefox( que é apenas um aplicativo da Web) a partir de um modelo ou abrir o código de um aplicativo existente. A partir daí, 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.
Valence
Anteriormente chamado de Adaptador de Ferramentas do Firefox, o Valence permite que você desenvolva e depua seu aplicativo em vários navegadores e dispositivos conectando as ferramentas do desenvolvedor do Firefox a outros motores principais do navegador. A Valence também amplia as incríveis ferramentas criadas para depurar o Firefox OS e o Firefox para Android para os outros principais navegadores móveis, incluindo o Chrome no Android e no Safari no iOS.Até agora, essas ferramentas incluem Inspector, Debugger e Console &Editor de estilos. Você pode assistir a um vídeo sobre Valence no YouTube aqui.
Web Audio Editor
O Web Audio Editor permite inspecionar e interagir com as APIs de áudio da Web em tempo real para garantir que todos os nós de áudio estejam conectados da maneira que você espera.
Você pode olhar através do meu Q / A no Ask Ubuntu para uma resposta mais profunda: Como faço para instalar o Firefox Developer Edition?
Seguido pela resposta de Dave:
Como tenho certeza de que você já sabe, atualmente possui esses recursos fora da caixa:
- IDE da Web - 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 - Depurar em qualquer navegador( anteriormente chamado Adaptador de Ferramentas do Firefox).
- Web Audio Editor - Inspeciona o áudio da web para garantir que todos os nós de áudio estejam conectados como esperado. Inspector de página
- - Examina HTML e CSS.
- Web Console - Consulte informações registradas e interaja com páginas da web usando JavaScript.
- Debugger JavaScript - Debugs JavaScript. Monitor de rede
- - Veja todas as solicitações de rede feitas pelo navegador e quanto tempo demora.
- Style Editor - Edite estilos CSS.
Você pode assistir a uma introdução de vídeo geral aqui.
Também inclui:
- Firefox Olá - WebRTC( uma ferramenta que permite chat e bate-papo com outras pessoas dentro do navegador).
- Botão Esquecer - Semelhante ao histórico claro.
- Eyedropper - Permite que você "encaixe" cores de uma página da web.
- Scratch Pad - Um console JS autônomo para testar fragmentos de JavaScript.
- Connect - Permite conectar-se a um dispositivo remoto.
Como você provavelmente notou, alguns( a maioria) desses recursos já estão disponíveis no Firefox ou através de complementos agora, e com o passar do tempo, eu suspeito que eles estarão disponíveis como plugins. Por exemplo, o Inspetor de Página, o Console, o Depurador e alguns outros recursos já fazem parte do complemento do Firebug.
Quanto à mudança de tamanhos de tela e CSS, uso uma ferramenta chamada Barra de ferramentas do desenvolvedor.
Utilizei o Firefox Developer Edition como desenvolvedor e desenvolvedor web e sim como o Firefox com plugins projetados para se adequar a um web designer( o que eu acho que eles estavam apontando).Estou pessoalmente mais interessado em ver como ele se desenvolve.
No momento, parece muito parecido com o depurador já incorporado ao Chrome e ao Internet Explorer 11( embora ainda não tentei cada recurso).
Você também pode ver as notas do Firefox Developer Edition para mais detalhes.
Tem alguma coisa a adicionar à explicação? Som desligado nos comentários. Deseja ler mais respostas de outros usuários Tech-savvy Stack Exchange? Confira o tópico de discussão completo aqui.