Referência de atalhos de teclado

Esta página é uma referência dos atalhos de teclado presentes no Chrome DevTools. Apesar de alguns atalhos estarem disponíveis globalmente, outros são válidos apenas em painéis específicos.

Os atalhos também estão explicados nas dicas. Passe o cursor sobre um elemento da IU do DevTools para ver a dica relacionada. Se o elemento tiver um atalho, isso será indicado na dica.

Acessar o DevTools

Acesso ao DevTools No Windows No Mac
Abrir ferramentas para desenvolvedor F12, Ctrl + Shift + I Cmd + Opt + I
Abrir ou alternar entre o modo de inspeção de elemento e a janela do navegador Ctrl + Shift + C Cmd + Shift + C
Abrir ferramentas para desenvolvedor e transferir foco para o console Ctrl + Shift + J Cmd + Opt + J
Inspecionar o Inspector (desacople o primeiro e pressione) Ctrl + Shift + I Cmd + Opt + I

Atalhos de teclado globais

Os atalhos de teclado a seguir estão disponíveis em todos os painéis do DevTools:

Atalho global Windows Mac
Exibir caixa de diálogo General Settings ?, F1 ?
Próximo painel Ctrl + ] Cmd + ]
Painel anterior Ctrl + [ Cmd + [
Voltar no painel History Ctrl + Alt + [ Cmd + Opt + [
Avançar no painel History Ctrl + Alt + ] Cmd + Opt + ]
Alterar local de ancoragem Ctrl + Shift + D Cmd + Shift + D
Abrir Device Mode Ctrl + Shift + M Cmd + Shift + M
Alternar console / fechar configurações quando abertas Esc Esc
Atualizar página F5, Ctrl + R Cmd + R
Atualizar página ignorando conteúdo em cache Ctrl + F5, Ctrl + Shift + R Cmd + Shift + R
Pesquisa de texto no arquivo ou painel atual Ctrl + F Cmd + F
Pesquisa de texto em todas as fontes Ctrl + Shift + F Cmd + Opt + F
Pesquisar por nome de arquivo (exceto no Timeline) Ctrl + O, Ctrl + P Cmd + O, Cmd + P
Aumentar zoom (com foco no DevTools) Ctrl + + Cmd + Shift + +
Diminuir zoom Ctrl + - Cmd + Shift + -
Restaurar tamanho de texto padrão Ctrl + 0 Cmd + 0

Atalhos de teclado por painel

Elementos

Painel Elements Windows Mac
Desfazer alteração Ctrl + Z Cmd + Z
Refazer alteração Ctrl + Y Cmd + Y, Cmd + Shift + Z
Navegar Seta para cima, seta para baixo Seta para cima, seta para baixo
Expandir/recolher nó Seta para direita, Seta para esquerda Seta para direita, seta para esquerda
Expandir nó Clique único na seta Clique único na seta
Expandir/recolher nó e todos os seus secundários Ctrl + Alt + clique no ícone da seta Opt + clique no ícone da seta
Editar atributo Enter, clique duplo no atributo Enter, clique duplo no atributo
Ocultar elemento H H
Alternar edição como HTML F2

Barra lateral Styles

Atalhos disponíveis na barra lateral Styles:

Barra lateral Styles Windows Mac
Editar regra Clique único Clique único
Inserir nova propriedade Clique único no espaço em branco Clique único no espaço em branco
Acessar linha da declaração da propriedade da regra de estilo na fonte Ctrl + clique na propriedade Cmd + clique na propriedade
Acessar linha de declaração do valor de propriedade na fonte Ctrl + clique no valor da propriedade Cmd + clique no valor da propriedade
Percorrer valor de definição da cor Shift + clique na caixa do Color Picker Shift + clique na caixa do Color Picker
Editar propriedade seguinte/anterior Tab, Shift + Tab Tab, Shift + Tab
Aumentar/reduzir valor Seta para cima, seta para baixo Seta para cima, seta para baixo
Aumentar/reduzir valor em 10 Shift + seta para cima, Shift + seta para baixo Shift + seta para cima, Shift + seta para baixo
Aumentar/reduzir valor em 10 PgUp, PgDown PgUp, PgDown
Aumentar/reduzir valor em 100 Shift + PgUp, Shift + PgDown Shift + PgUp, Shift + PgDown
Aumentar/reduzir valor em 0,1 Alt + seta para cima, Alt + seta para baixo Opt + seta para cima, Opt + seta para baixo

Sources

Painel Sources Windows Mac
Pausar/retomar execução do script F8, Ctrl + \ F8, Cmd + \
Pular para a próxima chamada de função F10, Ctrl + ' F10, Cmd + '
Entrar na próxima chamada de função F11, Ctrl + ; F11, Cmd + ;
Sair da função atual Shift + F11, Ctrl + Shift + ; Shift + F11, Cmd + Shift + ;
Selecionar próximo frame de chamada Ctrl + . Opt + .
Selecionar frame de chamada anterior Ctrl + , Opt + ,
Alternar condição de interrupção Clique no número da linha, Ctrl + B Clique no número da linha, Cmd + B
Editar condição de interrupção Clique direito no número da linha Clique direito no número da linha
Excluir palavras individuais Ctrl + Delete Opt + Delete
Deixar comentário em linha ou texto selecionado Ctrl + / Cmd + /
Salvar alterações em modificações locais Ctrl + S Cmd + S
Salvar todas as alterações Ctrl + Alt + S Cmd + Opt + S
Acessar linha Ctrl + G Ctrl + G
Pesquisar por nome de arquivo Ctrl + O Cmd + O
Pular para número da linha Ctrl + P + :número Cmd + P + :número
Pular para coluna Ctrl + O + :número + :número Cmd + O + :número + :número
Acessar membro Ctrl + Shift + O Cmd + Shift + O
Fechar guia ativa Alt + W Opt + W
Executar snippet Ctrl + Enter Cmd + Enter

No editor de código

Editor de código Windows Mac
Acessar colchetes correspondentes Ctrl + M
Pular para número da linha Ctrl + P + :número Cmd + P + :número
Pular para coluna Ctrl + O + :número + :número Cmd + O + :número + :número
Alterar comentário Ctrl + / Cmd + /
Selecionar próxima ocorrência Ctrl + D Cmd + D
Desfazer última seleção Ctrl + U Cmd + U

Timeline

Painel Timeline Windows Mac
Iniciar/parar gravação Ctrl + E Cmd + E
Salvar dados da linha do tempo Ctrl + S Cmd + S
Carregar dados da linha do tempo Ctrl + O Cmd + O

Perfis

Painel Profiles Windows Mac
Iniciar/parar gravação Ctrl + E Cmd + E

Console

Atalhos do console Windows Mac
Aceitar sugestão Seta para direita Seta para direita
Comando/linha anterior Seta para cima Seta para cima
Próximo comando/linha Seta para baixo Seta para baixo
Focar no console Ctrl + ` Ctrl + `
Apagar console Ctrl + L Cmd + K, Opt + L
Inserção de várias linhas Shift + Enter Ctrl + Return
Executar Enter Return

Device mode

Atalhos do Device Mode Windows Mac
Aumentar e diminuir zoom com gesto de pinça Shift + Scroll Shift + Scroll

Com transmissão de tela

Atalhos da transmissão de tela Windows Mac
Aumentar e diminuir zoom com gesto de pinça Alt + Scroll,Ctrl + clicar e arrastar com dois dedos Opt + Scroll, Cmd + clicar e arrastar com dois dedos
Ferramenta de inspeção de elemento Ctrl + Shift + C Cmd + Shift + C