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:

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:

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

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:

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.