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

Leia sobre o novo menu de comando 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 "Jump to File", que aparece quando você pressiona Cmd + P (ou Ctrl + P) no painel Sources não é muito conhecida, mas já existe há algum tempo. Já fomos muito além disso e desenvolvemos um menu de comando inspirado no editor de texto que pode acionar 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, 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 inferior
  • Dispositivo móvel: inspecionar dispositivos...
  • Rede: ficar off-line

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

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

HTML de alta formatação

Belo HTML.

O painel "Sources" já está integrado ao painel "Origens" há algum tempo, mas agora o ampliamos para oferecer suporte ao recurso de Serviços de Impressão em HTML completo. Faça um teste: além de reformatar o HTML, ele também reformata o JavaScript e o CSS dentro dele.


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

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