Dicas do DevTools: navegação mais rápida no DevTools

Sofia Emelianova

Está perdido no DevTools? Saiba como realizar as seguintes ações:

• Combine os painéis e as guias que você usa com frequência com a gaveta.
• Acesse painéis e opções com o menu de comando, mesmo que você tenha esquecido onde eles estão.
• Desative as mudanças automáticas de layout.
• Personalize os atalhos específicos das Ferramentas do desenvolvedor de acordo com suas preferências.

Assista ao vídeo para conferir essas dicas em ação ou continue lendo para conferir os destaques.

• Pressione Escape para abrir ou fechar a gaveta.

  

• Clique em Mais ferramentas para abrir outras guias da gaveta.

  

• Reorganize os painéis e as guias da gaveta do DevTools e combine-os movendo-os para cima e para baixo na gaveta.

• Pesquise, execute comandos, alterne as configurações e abra painéis e guias com o Menu de comando, mesmo que você tenha esquecido onde encontrá-los.

  

• Mude o layout do DevTools de auto para horizontal ou vertical.

• Personalize os atalhos das Ferramentas do desenvolvedor. Verifique Settings > Experiments > Enable keyboard shortcut editor.

  

Para uma experiência de aprendizado mais prática, consulte o tutorial Personalizar as ferramentas de desenvolvedor.

Para saber mais, veja:

• Referência de atalhos do teclado
• Executar comandos no Command Menu
• Mudar a posição do DevTools
• Ativar o tema escuro