
O Firefox Developer Edition automaticamente envia estatísticas de uso para a Mozilla. Saiba mais
O único navegador feito justamente para desenvolvedores, o Firefox Developer Edition foi criado com seu fluxo de trabalho em mente. Criar, testa, escalar e muito mais, tudo isso pela primeira vez em um só lugar.
Inspecione e depure o seu aplicativo como se estivesse em outros navegadores ou aparelhos com o Valence - uma super extensão que já vem pré-instalada no seu Firefox Developer Edition.
Trabalhe com todos os tamanhos de tela utilizando o Responsive Design View e ajuste seu CSS em tempo real com nosso Style Editor. Feito para que cada pixel esteja no lugar certo.
O Firefox Developer Edition traz todas as principais ferramentas de desenvolvimento que você já conhece, além de novas opções que vão aumentar sua capacidade de trabalhar com várias plataformas no mesmo lugar. Do jeito que você já estava acostumado, mas melhor ainda. E somente no Firefox.
Edite visualmente animações CSS e HTML mexendo na página a partir do painel de inspeção. Confirme alinhamentos, dimensões e espaçamentos de qualquer elemento usando a régua e as ferramentas de medição.
Saiba mais sobre as ferramentas de edição visual
Use as ferramentas de edição de animação visual e CSS da edição de desenvolvedores para explorar as profundezas do oceano e interagir com as criaturas mais estranhas.
Experimente o DevTools Challenger
Examine taxa de quadros do seu conteúdo web, consumo de memória e perfil JS em uma visão cronológica consolidada para ajudar a identificar e resolver facilmente gargalos de desempenho.
Saiba mais sobre as ferramentas de desempenho
Examine o HTML e o CSS de qualquer página Web. Modifique a estrutura e o layout da sua página, rapidinho.
Saiba mais sobre o Page Inspector
Faça inspeção e interaja com Web Audio API em tempo real para garantir que todos os pedaços de aúdio estão conectado da forma que você espera.
Saiba mais sobre o Web Audio Editor
Veja as informações registradas e associadas a uma página Web e use o Web Console para interagir usando o JavaScript.
Saiba mais sobre o Web Console
Depure código JavaScript e examine ou modifique seu estado para ajudar a encontrar erros.
Saiba mais sobre o JavaScript Debugger
Veja todas as requisições de rede que o navegador fizer, com o tempo e os detalhes de cada requisição.
Saiba mais sobre o Network Monitor
Veja e edite estilos CSS associados a uma página da Web, crie e aplique folhas de estilo CSS existentes em qualquer página.
Saiba mais sobre o Style Editor
Veja como seu site ou aplicativo vai ficar em outros tamanhos de tela sem ter que mexer na janela do seu navegador.
Saiba mais sobre o Responsive Design View
Desenvolva e depure os seus aplicativos em vários navegadores e aparelhos com essa super extensão que já vem pré-instalada no seu Firefox Developer Edition.
Saiba mais sobre o Valence