Publicado em Ferramentas, Progamação, Tecnologia, Ubuntu, Web

Firefox Developer Edition

A Mozilla, empresa responsável pelo navegador web de código aberto Firefox, disponibiliza uma versão especialmente preparada para desenvolvimento web, o Firefox Developer Edition. Estão disponíveis instaladores para os três principais sistemas operacionais: Windows, OS X e Linux.

A caixa de ferramentas

O Firefox Developer Edition traz um conjunto de ferramentas indispensáveis para criação de sites e aplicativos, depuração, performance e desenvolvimento móvel. Vale a pena testar:

  • Scratchpad: Um editor de texto embutido no Firefox que permite editar e executar código JavaScript.
  • Style Editor: Visualize e edite estilos CSS na página atual.
  • Shader Editor: Visualize e edite vértices e fragmentos de shaders usados pelo WebGL.
  • Web Audio Editor: Examine o gráfico de nós de audio num contexto de audio, e modifique seus parâmetros.
  • Web Console: Visualize os logs de execução da página e interaja com ela usando JavaScript.
  • Page Inspector: Visualize e modifique a página HTML e CSS.
  • JavaScript Debugger: Pare, analise e modifique o JavaScript em execução na página.
  • Network Monitor: Acompanhe as requisições de feitas à rede enquanto a página é carregada.
  • Storage Inspector: Inspecione cookies, armazenamento local, indexedDB e armazenamento da sessão presentes na página.
  • Developer Toolbar: Uma interface de linha de comando para as ferramentas de desenvolvimento.
  • 3D View: Visualização da página em 3D.
  • Eyedropper: Obtenha o código da cor de um determinado pixel da página.
  • Gerenciador de app: Design e desenvolvimento de apps para FirefoxOS
  • WebIDE: O substituto do App Manager, disponível a partir da versão 33 do Firefox.
  • Firefox OS Simulator: Simule e faça debug de sua aplicação para o Firefox OS no desktop, sem a necessidade de um aparelho com Firefox OS instalado.
  • Responsive Design View: Veja como o seu site ou app responde a diferentes resoluções de tela, sem precisar ficar redimensionando a janela do browser.
  • Performance tool: Renovada o perfil JS e o cronograma de taxa de quadros
  • JavaScript Profiler: Descubra onde seu código JavaScript está gastando seu tempo.
  • Paint Flashing Tool: Destaque as partes da página que são redesenhados em resposta a eventos.
  • Reflow Event Logging: Veja eventos de reflow no web console.
  • Network Performance: Veja quanto tempo as partes do seu site levam pra carregar.

Instalando o Firefox Developer Edition

Método 1: Download

Tão simples como fazer o download do site da Mozilla e escolher o sistema operacional e arquitetura de processador (32-bit / 64-bit):

Fazer o download do Firefox Developer Edition

Método 2: Ubuntu Make

O Ubuntu Make facilita a instalação das últimas versões de alguns softwares essenciais para os programadores, como o Eclipse, Netbeans, Arduino IDE, as linguagens Swift, Go, Scala, etc.

Para instalar a última versão do Ubuntu Make:

$ sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make
$ sudo apt update
$ sudo apt install ubuntu-make

Para instalar o Firefox Developer Edition:

$ umake ide firefox-dev

Deveremos escolher o path de instalação, o idioma padrão, e pronto!

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google

Você está comentando utilizando sua conta Google. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s

Este site utiliza o Akismet para reduzir spam. Saiba como seus dados em comentários são processados.