Partilhar via


Personalizar DevTools

Esta página lista as formas de personalizar as DevTools do Microsoft Edge.

Configurações

Configurações>As preferências contêm muitas opções para personalizar DevTools.

Para abrir as Definições, em DevTools, clique no ícone Personalizar e controlar DevTools (personalizar e controlar o ícone DevTools) e, em seguida, clique em Definições (ícone Definições). Em alternativa, enquanto o DevTools tem o foco, prima F1.

Configurações

Vista Rápida

Na barra de ferramentas Vista Rápida , na parte inferior de DevTools, pode selecionar as ferramentas a apresentar.

Para abrir (ou fechar) o painel Vista Rápida , prima Esc quando o foco estiver nas DevTools.

O painel Vista Rápida

Pode mover ferramentas entre a Barra de Atividade (na parte superior) e a barra de ferramentas Vista Rápida (na parte inferior).

  • Para mover uma ferramenta da barra de ferramentas Vista Rápida para a Barra de Atividade, clique com o botão direito do rato numa ferramenta e, em seguida, selecione Mover para a Barra de Atividade superior:

    Mover uma ferramenta da barra de ferramentas vista rápida para a Barra de Atividade

  • Para mover uma ferramenta da Barra de Atividade para a barra de ferramentas vista rápida , clique com o botão direito do rato numa ferramenta e, em seguida, selecione Mover para a Vista Rápida inferior:

    Mover uma ferramenta da Barra de Atividade para a barra de ferramentas vista rápida

Reordenar ferramentas

Para alterar a ordenação dos separadores numa barra de ferramentas, arraste o separador de uma ferramenta para a localização pretendida. A sua ordem de ferramentas personalizadas persiste nas sessões de DevTools.

Por exemplo, por predefinição, a ferramenta Rede é o quinto separador na Barra de Atividade. Pode arrastar o separador Rede para se tornar o primeiro separador:

Ordem personalizada de DevTools numa barra de ferramentas

Os separadores adicionados pelas extensões DevTools são sempre adicionados ao final da Barra de Atividade. Pode reordená-los durante uma sessão de DevTools, mas estarão sempre no final da Barra de Atividade novamente quando o DevTools for aberto.

Abrir e fechar ferramentas

Para manter a interface de DevTools simplificada, muitas das ferramentas não são abertas por predefinição. Para abrir uma ferramenta na Barra de Atividade ou na barra de ferramentas Vista Rápida , clique no botão Mais Ferramentas (Mais Ferramentas) à direita dos separadores e, em seguida, selecione uma ferramenta na lista:

O botão Mais Ferramentas (+) para abrir uma nova ferramenta

Para fechar uma ferramenta, clique com o botão direito do rato no separador de uma ferramenta e, em seguida, selecione Remover da Barra de Atividade ou Remover da Vista Rápida:

O botão Fechar do separador

Alterar o local onde o DevTools está ancorado no browser

Para alterar o local onde as DevTools estão ancoradas no browser, clique no ícone Personalizar e controlar DevTools (ícone Personalizar e controlar DevTools) e selecione uma das opções no submenu localização da Dock :

O menu de localização da Estação de Ancoragem, com quatro ícones, que representa as quatro possíveis localizações de ancoragem

Para saber mais, consulte Alterar a colocação de DevTools (Desancorar, Ancorar para baixo, Ancorar para a esquerda).

Ampliar Ou reduzir DevTools

Veja Ampliar Ou reduzir As DevTools emDescrição Geral das DevTools.

Restaurar predefinições

Para restaurar o tema predefinido, o posicionamento, a ordem das ferramentas e outras definições personalizadas, selecione Preferências> de Definições,desloque-se para baixo e, em seguida, clique em Restaurar predefinições e atualize:

Restaurar as predefinições

Personalizar atalhos do teclado

Consulte Personalizar atalhos de teclado.

Vídeos sobre Como Personalizar a IU do DevTools

Personalizar as Ferramentas de Programação do Microsoft Edge e o acesso rápido a funcionalidades

Publicado a 5 de maio de 2022.

Imagem em miniatura do vídeo de personalização de DevTools

Saiba como personalizar DevTools de acordo com as suas necessidades.

Este vídeo aborda como ancorar ou desancorar DevTools, abrir novas ferramentas e fechar as que não precisa. Descreve como mover ferramentas na Gaveta (agora painel Vista Rápida ) na parte inferior das DevTools e como personalizar o tamanho e o tema do texto. O vídeo também explica como pode utilizar os atalhos de teclado do Menu de Comandos para personalizar rapidamente as DevTools.

Compreender a interface de utilizador de DevTools

Publicado a 1 de setembro de 2022.

Imagem em miniatura do vídeo Understand the DevTools UI (Compreender a IU do DevTools)

Compreenda como a IU do Microsoft Edge DevTools está organizada. Se estiver confuso sobre que ferramentas estão disponíveis e o que as partes main da interface DevTools fazem, este vídeo ajudará a ficar mais confortável.

Neste vídeo, vamos analisar a estrutura da IU, com o respetivo painel e barra de ferramentas main e a Gaveta (agora painel Vista Rápida). Também vamos analisar como localizar, abrir e fechar ferramentas, restaurar as predefinições e analisar a lista de ferramentas disponíveis.

Veja este vídeo para saber mais sobre as partes main da IU do DevTools, como personalizá-la para satisfazer as suas necessidades, saber mais sobre as diferentes ferramentas que estão disponíveis e onde ir para obter ajuda.

Consulte também

Observação

Partes desta página são modificações baseadas no trabalho criado e compartilhado pelo Google e usadas de acordo com os termos descritos na Licença Pública Creative Commons Atribuição 4.0 Internacional. A página original é encontrada aqui e é da autoria de Kayce Bascos.

Licença Creative Commons Este trabalho é licenciado ao abrigo de uma Licença Internacional creative Commons Attribution 4.0.