Ferramentas de Build, Bundlers e Editores

Chrome DevTools Cheat Sheet

Atalhos do Console, aba Network, inspeção de layout e recursos úteis para debugging.

Geral

Abre o DevTools.

F12 / Ctrl + Shift + I

Alterna para o modo de simulação de dispositivos móveis.

Ctrl + Shift + M

Alterna a visibilidade da gaveta (Drawer) inferior.

Esc

Exibe arrays ou objetos em formato de tabela no console.

console.table(dados)

Referência ao elemento selecionado no Inspetor de Elementos.

$0

Abre o menu de comandos rápidos do DevTools.

Ctrl + Shift + P

Força o download de recursos sem usar o cache local.

Network > Disable Cache