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 (
) e, em seguida, clique em Definições (
). Em alternativa, enquanto o DevTools tem o foco, prima F1.
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.
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:
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:
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:
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 (
) à direita dos separadores e, em seguida, selecione uma ferramenta na lista:
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:
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 () e selecione uma das opções no submenu localização da Dock :
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.
Temas de cor
Veja Aplicar um tema de cor às 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:
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.
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.
Compreenda como a IU do Microsoft Edge DevTools está organizada. Se estiver confuso sobre que ferramentas estão disponíveis e o que fazem as principais partes da interface de DevTools, este vídeo ajudará a ficar mais confortável.
Neste vídeo, vamos analisar a estrutura da IU, com a sua barra de ferramentas e painel principal, 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 principais da IU do DevTools, como personalizá-la para satisfazer as suas necessidades, saber mais sobre as diferentes ferramentas 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 encontra-se aqui e é criada por Kayce Bascos (Technical Writer, Chrome DevTools & Lighthouse).
Este trabalho é licenciado ao abrigo de uma Licença Internacional creative Commons Attribution 4.0.