Configurações

Configurações de Abertura

Para ver o painel de configurações, abra qualquer uma das Ferramentas do Desenvolvedor e então:

  • clique no botão "Configurações" () na barra de ferramentas:
  • ou pressione F1 (novo no Firefox 43) para alternar entre a ferramenta ativa e o painel de Configurações
  • ou pressione Ctrl/Cmd+Shift+O para alternar entre a ferramenta ativa e o painel de Configurações

O painel de Configurações deve ser assim:

Depicts the Toolbox options

Categorias

Ferramentas de Desenvolvedor Padrão do Firefox

Esse grupo de checkboxes determina as ferramentas habilitadas na caixa de ferramentas. Novas ferramentas são frequentemente incluídas no Firefox, mas não habilitadas por padrão.

Botões Disponíveis na Caixa de Ferramentas

Esse grupo de checkboxes determina as ferramentas com um ícone disponível na barra de ferramentas.

Altere o Tema das Ferramentas de Desenvolvedor

É permitido alterar entre três temas diferentes.

O tema light, que é o padrão:

Light theme for DevTools

O tema dark (que é tema padrão no Firefox Developer Edition):

Dark theme for DevTools

Uma novidade no Firefox 48!

Existe também o tema Firebug, que se parece com a extensão Firebug, permitindo que você se sinta em casa caso já esteja acostumado com o Firebug:

Firebug theme for DevTools

Preferências Comuns

As configurações que se aplicam para mais de uma ferramenta, são as seguintes:

Habilitar logs (registros) persistentes
A configuração para o controlar ou não o Console Web e Monitor de Rede não são limpas quando você navegar para uma nova página.

Inspetor

Mostrar os estilos no navegador
Uma configuração para controlar os estilos aplicados pelo navegador (agente-de-estilo-de-usuario) deve ser mostrada na Regras de exibição do inspetor. Observe que esta configuração é independente dos "estilos do navegador" nos inspetores de Exibição computada.
Retirar atributos DOM (novidade no Firefox 47)
Por padrão, o inspetor trunca atributos DOM e mais de 120 caracteres. Desmarque essa caixa para impedir esse comportamento.  Essa configuração funciona alternando o about:config  "devtools.markup.collapseAttributes". Para mudar o limiar no qual atributos são truncados, você consegue editar o about:config preferência "devtools.markup.collapseAttributeLength".
Unificar a cor padrão
Uma configuração para controlar como as cores são representadas no inspetor:
  • Hex
  • HSL(A)
  • RGB(A)
  • Nome da cor
  • Como autor ( novo no Firefox 44).

Console Web

Habilitar timestamps
Controla se o Console Web exibe os carimbos de hora. O Console Web padrão escondendo os timestamps.
.

Editor de Estilos

Mostrar fonte original
Quando o pré-processador suporta a fonte do mapa usado, isto abilita o estilo de editor no display original, pré-processador, fontes preferidas quando gerado o CSS. Aprenda mais sobre o Editor de Estilo suportado para fontes dos mapas CSS. Com a configuração estando checada, a Exibição de página do inspetor de regras também irá fornecer links para as fontes originais.
Autocomplete CSS
Ative o Editor de Estilos para oferecer sugestões do auto completar.

Perfil JavaScript

Mostrar a plataforma de dados Gecko
Uma configuração para controlar ou não perfis devem incluir símbolos de plataforma Gecko.

Editor de Preferências

Preferências para o CodeMirror editor de código fonte, que é incluido no Firefox e usado por várias ferramentas de desenvolvedor, incluindo Bloco de anotações e o Editor de Estilo.

Detectando identação
Auto identar novas linhas baseadas na atual identação.
Colchetes de fechamento automático
 
Identação usando espaços
 
Tamanho da aba
 
Atalhos de teclado
Escolha o padrão CodeMirror atalho de teclado, ou atalhos de teclado de um dos vários editores populares:
  • Vim
  • Emacs
  • Sublime Text

Configurações avançadas

Desabilitar cache
Desabilite o simulador de cache do navegador para simular uma primeira performance de carregamento. Essa configuração persiste, significa que se ele estiver definido, o cache será desativado qua você reabrir o devtools. Cache é reativado quado os devtools estão fechados.
Desabilitar JavaScript
Recarregue a aba atual com o JavaScript desabilitado.
Habilitar Service Workers over HTTP
Habilitar Service Worker para registro de sites inseguros.
Habilitar browser chrome e add-on depuração toolboxes
Possibilita que você use as ferramentas de desenvolvimento no contexto do próprio navegador (Firefox), e não somente no conteúdo da web.
Habilitar depuração remota
Permite que as ferramentas de desenvolvimento depurem remotamente as instâncias do Firefox.

Etiquetas do documento e colaboradores

 Colaboradores desta página: jaimemaretoli, jhonatasrm, julianadfg
 Última atualização por: jaimemaretoli,