Folha de Atalhos de Teclado do Chrome DevTools

Folha de atalhos visual para 56 atalhos de teclado no Chrome Developer Tools.

Abrir DevTools

Ação	Atalho Mac	Atalho Win
Abrir o último painel utilizado	`Cmd` + `Shift` + `I`	`Ctrl` + `Shift` + `I`
Abrir o painel Console	`Cmd` + `Shift` + `J`	`Ctrl` + `Shift` + `J`
Abrir o painel Elements (Elementos)	`Cmd` + `Shift` + `C`	`Ctrl` + `Shift` + `C`

Atalhos Globais

Ação	Atalho Mac	Atalho Win
Mostrar Configurações	`F1`	`F1`
Focar no próximo painel	`Cmd` + `]`	`Ctrl` + `]`
Focar no painel anterior	`Cmd` + `[`	`Ctrl` + `[`
Voltar para a última posição de fixação utilizada	`Cmd` + `Shift` + `D`	`Ctrl` + `Shift` + `D`
Alternar modo de dispositivo	`Cmd` + `Shift` + `M`	`Ctrl` + `Shift` + `M`
Alternar modo de inspeção de elemento	`Cmd` + `Shift` + `C`	`Ctrl` + `Shift` + `C`
Abrir Menu de Comandos	`Cmd` + `Shift` + `P`	`Ctrl` + `Shift` + `P`
Alternar aba (Drawer)	`Esc`	`Esc`
Recarga normal	`Cmd` + `R`	`Ctrl` + `R`
Recarga forçada	`Cmd` + `Shift` + `R`	`Ctrl` + `Shift` + `R`
Pesquisar texto no painel atual	`Cmd` + `F`	`Ctrl` + `F`
Abrir aba de “Pesquisa” no Drawer	`Cmd` + `Shift` + `F`	`Ctrl` + `Shift` + `F`
Abrir arquivo no painel “Sources” (Fontes)	`Cmd` + `P`	`Ctrl` + `P`
Aumentar zoom	`Cmd` + `Shift` + `+`	`Ctrl` + `Shift` + `+`
Diminuir zoom	`Cmd` + `-`	`Ctrl` + `-`
Restaurar nível de zoom padrão	`Cmd` + `0`	`Ctrl` + `0`
Executar snippet	`Cmd` + `O` + `!`	`Ctrl` + `O` + `!`

Painel Elements (Elementos)

Ação	Atalho Mac	Atalho Win
Desfazer alterações	`Cmd` + `Z`	`Ctrl` + `Z`
Refazer alterações	`Cmd` + `Y`	`Ctrl` + `Y`
Selecionar elemento acima ou abaixo do elemento selecionado	`Seta Acima/Abaixo`	`Seta Acima/Abaixo`
Expandir o nó selecionado	`Seta Direita`	`Seta Direita`
Recolher o nó selecionado	`Seta Esquerda`	`Seta Esquerda`
Alternar modo de edição de atributo no elemento selecionado	`Enter`	`Enter`
Selecionar próximo atributo após entrar no modo de edição	`Tab`	`Tab`
Selecionar atributo anterior após entrar no modo de edição	`Shift` + `Tab`	`Shift` + `Tab`
Ocultar o elemento selecionado	`H`	`H`
Alternar para modo de edição HTML no elemento selecionado	`F2`	`F2`

Painel Sources (Fontes)

Ação	Atalho Mac	Atalho Win
Pausar execução do script (se estiver rodando), ou retomar (se pausado)	`Cmd` + `\`	`Ctrl` + `\`
Pular próxima chamada de função	`Cmd` + `'`	`Ctrl` + `'`
Entrar na próxima chamada de função	`Cmd` + `;`	`Ctrl` + `;`
Sair da função atual	`Cmd` + `Shift` + `;`	`Ctrl` + `Shift` + `;`
Selecionar call frame abaixo ou acima do selecionado	`Cmd` + `./,`	`Ctrl` + `./,`
Salvar alterações locais	`Cmd` + `S`	`Ctrl` + `S`
Salvar todas as alterações	`Cmd` + `Alt` + `S`	`Ctrl` + `Alt` + `S`
Ir para a linha	`Cmd` + `G`	`Ctrl` + `G`
Fechar aba ativa	`Alt` + `W`	`Alt` + `W`

Editor de Código

Ação	Atalho Mac	Atalho Win
Deletar todos os caracteres da última palavra até o cursor	`Cmd` + `Del`	`Ctrl` + `Del`
Ir para o parêntese correspondente	`Cmd` + `M`	`Ctrl` + `M`
Alternar comentário de linha única	`Cmd` + `/`	`Ctrl` + `/`
Selecionar próxima palavra onde está o cursor	`Cmd` + `D`	`Ctrl` + `D`
Deselecionar próxima palavra onde está o cursor	`Cmd` + `U`	`Ctrl` + `U`

Painel Performance (Desempenho)

Ação	Atalho Mac	Atalho Win
Iniciar ou parar gravação	`Cmd` + `E`	`Ctrl` + `E`
Salvar gravação	`Cmd` + `S`	`Ctrl` + `S`
Carregar gravação	`Cmd` + `O`	`Ctrl` + `O`

Painel Memory (Memória)

Ação	Atalho Mac	Atalho Win
Iniciar ou parar gravação	`Cmd` + `E`	`Ctrl` + `E`

Painel Console

Ação	Atalho Mac	Atalho Win
Aceitar sugestão de preenchimento automático	`Tab`	`Tab`
Rejeitar sugestão de preenchimento automático	`Esc`	`Esc`
Obter declaração anterior	`Seta Acima`	`Seta Acima`
Obter próxima declaração	`Seta Abaixo`	`Seta Abaixo`
Focar no console	`Cmd` + ```	`Ctrl` + ```
Limpar o console	`Cmd` + `L`	`Ctrl` + `L`
Forçar entrada de múltiplas linhas	`Shift` + `Enter`	`Shift` + `Enter`
Executar	`Enter`	`Enter`