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

Sofia Emelianova
Sofia Emelianova

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

  • Combine os painéis e 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.
  • Desativar mudanças automáticas de layout.
  • Personalize atalhos específicos do DevTools 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.

    A gaveta.

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

    O botão Mais ferramentas que abre 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 configurações e abra painéis e guias com o Menu de comando, mesmo que você tenha esquecido onde encontrá-los.

    Menu de comando do DevTools.

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

  • Personalize os atalhos do DevTools. Verifique Configurações. Settings > Experiments > Enable keyboard shortcut editor.

    Editando um atalho nas Configurações.

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

Para saber mais, veja: