DevTools Digest - Mais potência com o novo menu de comando

Leia sobre o novo menu de comandos do DevTools e as mais de 60 ações que permitem fluxos de trabalho super rápidos.

Cmd/Ctrl+Shift+P para abrir o menu de comando

Menu de comando no DevTools

A caixa de diálogo "Ir para o arquivo" que aparece quando você pressiona Cmd + P (ou Ctrl + P) no painel "Origens" não é muito conhecida, mas já existe há algum tempo. Agora, fomos muito além disso e desenvolvemos um menu de comando inspirado em editores de texto que pode direcionar quase todas as ações importantes no DevTools.

Pressione Cmd + Shift + P (ou Ctrl + Shift + P) em qualquer lugar (mesmo quando a página estiver em foco) para abrir o menu de comando. Em seguida, digite para filtrar e pressione Enter para acionar a ação. Confira alguns exemplos de ações que você pode tentar:

  • Aparência: mudar para o tema escuro
  • DevTools: fixar na parte de baixo
  • Dispositivos móveis: inspecionar dispositivos...
  • Rede: ficar off-line

O novo menu de comandos é uma maneira super rápida de navegar e descobrir novas configurações e ações no DevTools.

Procurando a boa e velha caixa de diálogo "Ir para o membro" que antes também estava associada a esse atalho? Ele ainda está lá, basta tocar em Cmd + Shift + O (ou Ctrl + Shift + O) a partir de agora.

Formatação bonita do HTML

HTML bonito.

Já temos a formatação bonita para fontes JS e CSS incorporadas ao painel de fontes há algum tempo, mas acabamos de estender esse recurso para oferecer suporte à formatação bonita de HTML. Teste. Ele não apenas reformata o HTML, mas também reforma o JavaScript e o CSS.


Como sempre, deixe sua opinião no Twitter ou nos comentários abaixo e envie bugs para crbug.com/new.

Até o próximo mês! Paul Bakaus e a equipe do DevTools