Esta página é uma referência de atalhos de teclado no Chrome DevTools.
Você também pode encontrar atalhos em dicas de ferramentas. Passe o cursor sobre um elemento da interface do DevTools para mostrar a dica dele.
Se o elemento tiver um atalho, a dica o incluirá.
Atalhos de teclado para abrir o DevTools
Para abrir o DevTools, pressione os seguintes atalhos de teclado enquanto o cursor estiver focado no navegador
janela de visualização:
Ação
Mac
Windows / Linux
Abrir o painel que você usou na última vez
Command+Option+I
F12 ou Control + Shift + I
Abrir o painel Console
Command+Option+J
Control+Shift+J
Abrir o painel Elements
Command + Shift + C ou Command + Option + C
Control+Shift+C
Atalhos de teclado globais
Os atalhos de teclado a seguir estão disponíveis na maioria dos painéis do DevTools, se não em todos.
Ação
Mac
Windows / Linux
Mostrar Configurações
? ou Function+F1
? ou F1
Focar o próximo painel
Command+]
Control+]
Focar o painel anterior
Command+[
Control+[
Volte para a posição de fixação que você usou pela última vez. Se o DevTools esteve na posição padrão durante toda a sessão, esse atalho é desanexado em uma janela separada
Pesquisa texto no painel atual. Essa opção é compatível apenas com os painéis Elements, Elements, Elements, Elements, Elements, Elements e Elements.
Command+F
Control+F
Abre a guia Pesquisar na gaveta, que permite pesquisar texto em todos os recursos carregados
Command+Option+F
Control+Shift+F
Abrir um arquivo no painel Origens
Command + O ou Command + P
Control + O ou Control + P
Aumentar zoom
Command+Shift++
Control+Shift++
Diminuir zoom
Command+-
Control+-
Restaurar nível de zoom padrão
Command+0
Control+0
Executar snippet
Pressione Command + O para abrir o Menu de comando e digite ! seguido pelo nome do script e pressione Enter
Pressione Control+O para abrir o Menu de comando, digite ! seguido pelo nome do script e pressione Enter
Atalhos de teclado do painel Elementos
Ação
Mac
Windows / Linux
Desfazer alteração
Command+Z
Control+Z
Refazer alteração
Command+Shift+Z
Control+Y
Selecione o elemento acima / abaixo do elemento selecionado no momento
Seta para cima / Seta para baixo
Seta para cima / Seta para baixo
Expanda o nó selecionado. Se o nó já estiver expandido, esse atalho selecionará o elemento abaixo dele
Seta para a direita
Seta para a direita
Recolha o nó selecionado. Se o nó já estiver recolhido, esse atalho selecionará o elemento acima dele
Seta para a esquerda
Seta para a esquerda
Expandir ou recolher o nó selecionado e todos os filhos dele
Mantenha pressionada a tecla Option e clique no ícone de seta ao lado do nome do elemento.
Mantenha pressionadas as teclas Control + Alt e clique no ícone de seta ao lado do nome do elemento.
Ativar o modo Editar atributos no elemento selecionado no momento
Enter
Enter
Selecione o atributo seguinte / anterior depois de entrar no modo Editar atributos
Tab / Shift+Tab
Tab / Shift+Tab
Ocultar o elemento selecionado
A
A
Alternar o modo Editar como HTML no elemento selecionado
Function+F2
Q2
Atalhos de teclado do painel "Estilos"
Ação
Mac
Windows / Linux
Acesse a linha em que o valor de uma propriedade é declarado
Mantenha a tecla Command pressionada e clique no valor da propriedade
Mantenha a tecla Control pressionada e clique no valor da propriedade
Percorra as representações RGBA, HSLA e Hex de um valor de cor.
Mantenha pressionada a tecla Shift e clique na caixa Visualização de cores ao lado do valor.
Mantenha pressionada a tecla Shift e clique na caixa Visualização de cores ao lado do valor.
Selecionar a propriedade ou o valor seguinte / anterior
Clique no nome ou valor de uma propriedade e pressione Tab / Shift+Tab
Clique no nome ou valor de uma propriedade e pressione Tab / Shift+Tab
Aumentar / diminuir o valor de uma propriedade em 0,1
Clique em um valor e pressione Option + seta para cima / Option + seta para baixo
Clique em um valor e pressione Alt+seta para cima / Alt+seta para baixo
Aumentar / diminuir o valor de uma propriedade em 1
Clique em um valor e pressione seta para cima / seta para baixo
Clique em um valor e pressione seta para cima / seta para baixo
Aumentar / diminuir o valor de uma propriedade em 10
Clique em um valor e pressione Shift+seta para cima / Shift+seta para baixo
Clique em um valor e pressione Shift+seta para cima / Shift+seta para baixo
Aumentar / diminuir o valor de uma propriedade em 100
Clique em um valor e pressione Command + seta para cima / Command + seta para baixo
Clique em um valor e pressione Control+seta para cima / Control+seta para baixo
Percorra as representações de graus (deg), gradianos (grad), radianos (rad) e voltas (turnos) de um valor de ângulo
Mantenha pressionada a tecla Shift e clique na caixa Visualização do ângulo ao lado do valor.
Mantenha pressionada a tecla Shift e clique na caixa Visualização do ângulo ao lado do valor.
Aumentar / diminuir um valor de ângulo em 1
Clique na caixa Visualização do ângulo ao lado do valor e pressione seta para cima / seta para baixo
Clique na caixa Visualização do ângulo ao lado do valor e pressione seta para cima / seta para baixo
Aumentar / diminuir um valor de ângulo em 10
Clique na caixa Visualização do ângulo ao lado do valor e pressione Shift + seta para cima / Shift + seta para baixo
Clique na caixa Visualização do ângulo ao lado do valor e pressione Shift + seta para cima / Shift + seta para baixo
Aumentar / diminuir um valor de ângulo em 15
Clique na caixa Visualização do ângulo ao lado do valor e pressione Shift. Em seguida, clique / deslize o mouse sobre a Sobreposição do relógio "Ângulo".
Clique na caixa Visualização do ângulo ao lado do valor e pressione Shift. Em seguida, clique / deslize o mouse sobre a Sobreposição do relógio "Ângulo".
Atalhos de teclado do painel "Origens"
Ação
Mac
Windows / Linux
Pausar a execução do script (se estiver em execução) ou retomar (se estiver pausado)
Alternar comentário de uma linha. Se várias linhas forem selecionadas, o DevTools adicionará um comentário no início de cada linha
Command+/
Control+/
Marcar / desmarcar a próxima ocorrência da palavra em que o cursor estiver. Cada ocorrência é destacada simultaneamente
Command+D / Command+U
Control+D / Control+U
Atalhos de teclado do painel Network
Ação
Mac
Windows / Linux
Pesquisar cabeçalhos, payloads e respostas
Command+F
Control+F
Iniciar / parar a gravação
Command+E
Control+E
Gravar uma atualização
Command+R
Control+R
Reproduzir novamente uma solicitação XHR selecionada
R
R
Ocultar os detalhes de uma solicitação selecionada
Esc
Esc
Atalhos de teclado do painel de desempenho
Ação
Mac
Windows / Linux
Iniciar / parar a gravação
Command+E
Control+E
Salvar o registro
Command+S
Control+S
Carregar gravação
Command+O
Control+O
Atalhos de teclado do painel "Memória"
Ação
Mac
Windows / Linux
Iniciar / parar a gravação
Command+E
Control+E
Atalhos de teclado do painel do console
Ação
Mac
Windows / Linux
Aceitar sugestão de preenchimento automático
Seta para a direita ou Tab
Seta para a direita ou Tab
Rejeitar sugestão de preenchimento automático
Esc
Esc
Navegar pela lista de preenchimento automático para cima ou para baixo
Para cima / Para baixo ou Control + P / N
Para cima / Para baixo ou Control + P / N
Obter extrato anterior
Seta para cima
Seta para cima
Receber próximo extrato
Seta para baixo
Seta para baixo
Focar o console
Control+`
Control+`
Limpe o console.
Command + K ou Option + L
Control+L
Forçar uma entrada de várias linhas. O DevTools deve detectar cenários com várias linhas por padrão, então esse atalho agora é geralmente desnecessário
Shift + Enter
Shift+Enter
Executar
Enter
Enter
Expandir todas as subpropriedades de um objeto registrado no console
Mantenha pressionada a tecla Alt e clique em Expandir>.
Mantenha pressionada a tecla Alt e clique em Expandir>.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2024-02-20 UTC."],[],[]]