Atalhos do teclado

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

Esta página é uma referência de atalhos de teclado no Chrome DevTools.

Você também pode encontrar atalhos nas dicas. Passe o cursor sobre um elemento da IU das ferramentas do desenvolvedor para mostrar a dica. Se o elemento tiver um atalho, ele será incluído na dica.

Atalhos de teclado para abrir o DevTools

Para abrir o DevTools, pressione os seguintes atalhos do teclado enquanto o cursor estiver focado na viewport do navegador:

AçãoMacWindows / Linux
Abrir o painel usado por últimoCommand+Option+IF12 ou Control+Shift+I
Abra o painel Console.Command+Option+JControl+Shift+J
Abra o painel Elementos.Command+Shift+C ou Command+Option+CControl+Shift+C

Atalhos globais do teclado

Os atalhos de teclado abaixo estão disponíveis na maioria dos painéis do DevTools.

AçãoMacWindows / Linux
Mostrar Configurações? ou Função+F1? ou F1
Focar o próximo painelCommand+]Control+]
Focar no painel anteriorCommand+[Control+[
Volte para a posição de ancoragem usada pela última vez. Se o DevTools estiver na posição padrão durante toda a sessão, esse atalho vai desafixar o DevTools em uma janela separada.Command+Shift+DControl+Shift+D
Ative o Modo dispositivo.Command+Shift+MControl+Shift+M
Ativar o Modo de inspeção de elementoCommand+Shift+CControl+Shift+C
Abra o Command Menu.Command+Shift+PControl+Shift+P
Alternar a gavetaEscapeEscape
Atualização normalCommand+RF5 ou Control+R
Atualização forçadaCommand+Shift+RControl+F5 ou Control+Shift+R
Pesquise texto no painel atual. Suporte apenas nos painéis Elementos, Console, Origens, Performance, Memória, Profiler JavaScript e Origem rápida.Command+FControl+F
Abre a guia Pesquisar na gaveta, que permite pesquisar texto em todos os recursos carregados.Command+Option+FControl+Shift+F
Abrir um arquivo no painel OrigensCommand + O ou Command + PControl + O ou Control + P
Aumentar zoomCommand+Shift++Control+Shift++
Diminuir zoomCommand+-Control+-
Restaurar o nível de zoom padrãoCommand+0Control+0
Executar snippetPressione Command+O para abrir o Command Menu e digite !. seguido pelo nome do script e pressione EnterPressione Control+O para abrir o Command Menu e digite !. seguido pelo nome do script e pressione Enter

Atalhos de teclado do painel de elementos

AçãoMacWindows / Linux
Desfazer alteraçãoCommand+ZControl+Z
Refazer alteraçãoCommand+Shift+ZControl+Y
Selecionar o elemento acima / abaixo do elemento selecionadoSeta para cima / Seta para baixoSeta para cima / Seta para baixo
Abra o nó selecionado. Se o nó já estiver aberto, esse atalho seleciona o elemento abaixo dele.Seta para a direitaSeta para a direita
Fecha o nó selecionado. Se o nó já estiver fechado, esse atalho seleciona o elemento acima dele.Seta para a esquerdaSeta para a esquerda
Expandir ou recolher o nó selecionado e todos os filhos deleMantenha 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.
Alternar o modo Editar atributos no elemento selecionadoEnterEnter
Selecionar o atributo anterior / seguinte depois de entrar no modo Editar atributosTab / Shift+TabTab / Shift+Tab
Ocultar o elemento selecionadoHH
Alternar o modo Editar como HTML no elemento selecionadoFunção+F2Q2

Atalhos do teclado do painel de estilos

AçãoMacWindows / Linux
Acessar a linha em que um valor de propriedade é declaradoSegure Command e clique no valor da propriedade.Mantenha pressionada a tecla Control e clique no valor da propriedade.
Alternar entre as representações RGBA, HSLA e Hex de um valor de corMantenha 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 anterior / seguinteClique em um nome ou valor de propriedade e pressione Tab / Shift+TabClique em um nome ou valor de propriedade e pressione Tab / Shift+Tab
Aumentar / diminuir o valor de uma propriedade em 0,1Clique em um valor e pressione Option + seta para cima / Option + seta para baixoClique em um valor e pressione Alt+seta para cima / Alt+seta para baixo
Incrementar / decrementar o valor de uma propriedade em 1Clique em um valor e pressione a seta para cima / seta para baixo.Clique em um valor e pressione a seta para cima / seta para baixo.
Incrementar / decrementar o valor de uma propriedade em 10Clique em um valor e pressione Shift+Seta para cima / Shift+Seta para baixoClique em um valor e pressione Shift+Seta para cima / Shift+Seta para baixo
Incrementar / decrementar o valor de uma propriedade em 100Clique em um valor e pressione Command + seta para cima / Command + seta para baixoClique em um valor e pressione Ctrl + seta para cima / Ctrl + seta para baixo
Ciclo de graus (deg), gradianos (grad), radianos (rad) e voltas (volta) de um valor de ânguloMantenha pressionada a tecla Shift e clique na caixa Visualização de ângulo ao lado do valor.Mantenha pressionada a tecla Shift e clique na caixa Visualização de ângulo ao lado do valor.
Incrementar / decrementar um valor de ângulo em 1Clique na caixa Visualização de ângulo ao lado do valor e pressione a seta para cima / seta para baixo.Clique na caixa Visualização de ângulo ao lado do valor e pressione a seta para cima / seta para baixo.
Incrementar / decrementar um valor de ângulo em 10Clique na caixa Visualização de ângulo ao lado do valor e pressione Shift+Seta para cima / Shift+Seta para baixo.Clique na caixa Visualização de ângulo ao lado do valor e pressione Shift+Seta para cima / Shift+Seta para baixo.
Aumentar / diminuir um valor de ângulo em 15Clique na caixa Visualização de ângulo ao lado do valor e pressione Shift. Clique / deslize o mouse na Sobreposição do relógio de ângulo.Clique na caixa Visualização de ângulo ao lado do valor e pressione Shift. Clique / deslize o mouse na Sobreposição do relógio de ângulo.

Atalhos de teclado do painel de origens

AçãoMacWindows / Linux
Pausar a execução do script (se estiver em execução) ou retomar (se estiver pausado)F8 ou Command+\F8 ou Control+\
Pular a próxima chamada de funçãoF10 ou Command+'F10 ou Ctrl+'
Entrar na próxima chamada de funçãoF11 ou Command+;F11 ou Ctrl+;
Sair da função atualShift+F11 ou Command+Shift+;Shift+F11 ou Control+Shift+;
Continuar em uma determinada linha de código enquanto está pausadoMantenha pressionada a tecla Command e clique na linha de código.Mantenha pressionado Control e clique na linha de código.
Selecione o frame de chamada abaixo / acima do frame selecionadoControl+. / Control+,Control+. / Control+,
Salvar alterações nas modificações locaisCommand+SControl+S
Salvar todas as alteraçõesCommand+Option+SCtrl+Alt+S
Ir para a linhaControl+GControl+G
Ir para um número de linha do arquivo aberto no momentoPressione Command+O para abrir o Command Menu, digite : seguido pelo número da linha e pressione Enter.Pressione Control+O para abrir o menu de comando, digite : seguido do número da linha e pressione Enter.
Ir para uma coluna do arquivo aberto no momento (por exemplo, linha 5, coluna 9)Pressione Command+O para abrir o Menu de comando, digite :, depois o número da linha, outro :, o número da coluna e pressione Enter.Pressione Control+O para abrir o menu de comando, digite :, depois o número da linha, outro :, o número da coluna e pressione Enter.
Acesse uma declaração de função (se o arquivo aberto for HTML ou um script) ou um conjunto de regras (se o arquivo aberto for uma folha de estilo).Pressione Command+Shift+O, digite o nome da declaração / conjunto de regras ou selecione na lista de opções.Pressione Control+Shift+O, depois digite o nome da declaração / conjunto de regras ou selecione na lista de opções.
Fechar a guia ativaOption+WAlt+W
Abrir a guia anterior ou seguinteFunção+Command+para cima ou para baixoControl + Page Up ou Page Down
Mostrar/ocultar a barra lateral Navegação à esquerdaCommand+Shift+YControl+Shift+Y
Alternar a barra lateral do Depurador à direitaCommand+Shift+HControl+Shift+H

Atalhos de teclado do editor de código

AçãoMacWindows / Linux
Excluir todos os caracteres da última palavra até o cursorOption+DeleteControl+Delete
Adicionar ou remover um ponto de interrupção de linha de códigoColoque o cursor na linha e pressione Command+B.Coloque o cursor na linha e pressione Control+B.
Abra a caixa de diálogo de edição de pontos de interrupção para editar pontos de interrupção condicionais ou pontos de registro.Foque o cursor na linha e pressione Command+Alt+B.Posicione o cursor na linha e pressione Control+Alt+B
Abrir a caixa de diálogo ponto de interrupção condicionalCommand + clique em um número de linhaControl + clique em um número de linha
Abrir a caixa de diálogo logpointCommand+Shift+clique em um número de linhaControl+Shift+clique em um número de linha
Acessar o par de chavesCtrl + MCtrl + M
Alternar comentários de uma linha. Se várias linhas forem selecionadas, o DevTools vai adicionar um comentário ao início de cada linha.Command+/Control+/
Seleciona / desmarca a próxima ocorrência da palavra em que o cursor está. Cada ocorrência é destacada simultaneamenteCommand+D / Command+UControl+D / Control+U

Atalhos de teclado do painel de rede

AçãoMacWindows / Linux
Cabeçalhos, payloads e respostas de pesquisaCommand+FControl+F
Iniciar / parar a gravaçãoCommand+ECtrl+E
Gravar uma atualizaçãoCommand+RControl+R
Reproduzir uma solicitação XHR selecionadaRR
Ocultar os detalhes de uma solicitação selecionadaEscapeEscape

Atalhos do teclado do painel de desempenho

AçãoMacWindows / Linux
Iniciar / parar a gravaçãoCommand+ECtrl+E
Salvar gravaçãoCommand+SControl+S
Carregar gravaçãoCommand+OControl+O

Atalhos do teclado do painel de memória

AçãoMacWindows / Linux
Iniciar / parar a gravaçãoCommand+ECtrl+E

Atalhos do teclado do painel do console

AçãoMacWindows / Linux
Aceitar a sugestão de preenchimento automáticoSeta para a direita ou TabSeta para a direita ou Tab
Rejeitar a sugestão de preenchimento automáticoEscapeEscape
Navegar pela lista de preenchimento automático para cima ou para baixoCima / Baixo ou Control + P / NCima / Baixo ou Control + P / N
Receber extrato anteriorSeta para cimaSeta para cima
Acessar a próxima instruçãoSeta para baixoSeta para baixo
Focar o consoleControl+`Control+`
Limpar o consoleCommand+K ou Option+LControl+L
Forçar uma entrada de várias linhas. As Ferramentas do desenvolvedor detectam cenários de várias linhas por padrão. Portanto, esse atalho geralmente não é necessário.Shift+ReturnShift+Enter
ExecutarEnterEnter
Expandir todas as subpropriedades de um objeto registrado no consoleMantenha a tecla Alt pressionada e clique em Expandir >Mantenha a tecla Alt pressionada e clique em Expandir >
AçãoMacWindows / Linux
Abrir/fechar todos os resultados da pesquisaCommand+Option+{ ou }Control+Shift+{ ou }

Atalhos de teclado do painel do gravador

AçãoMacWindows / Linux
Iniciar ou parar a gravaçãoCommand+ECtrl+E
Tocar gravação novamenteCommand+EnterControl+Enter
Copiar gravação ou etapa selecionadaCommand+CControl+C
Alternar visualização de códigoCommand+BControl+B

Atalhos do teclado do painel de camadas

AçãoMacWindows / Linux
Mover o diagrama ao longo dos eixos X e YW (para cima), A (para a esquerda), S (para baixo), D (para a direita)W (para cima), A (para a esquerda), S (para baixo), D (para a direita)
Alternar o modo de panorâmicaXX
Alternar modo de rotaçãoVV
Redefinir a posição e a rotação do diagrama00
Ampliar o diagramaShift++ ou roda do mouse para cimaShift++ ou roda do mouse para cima
Diminuir o zoom do diagramaShift+- ou roda do mouse para baixoShift+- ou roda do mouse para baixo