Kayce Basques
Sofia Emelianova
Esta página é uma referência de atalhos de teclado no Chrome DevTools.
Os atalhos também estão nas dicas. Passe o cursor sobre um elemento da interface do DevTools para exibir 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 atalhos de teclado abaixo enquanto o cursor está focado na janela de visualização do navegador:
| Ação | Mac | Windows / Linux |
|---|---|---|
| Abra o painel que você usou por último | Command Option I | F12 ou Control Shift I |
| Abra o painel Console. | Command Option J | Control Shift J |
| Abrir o painel Elementos | 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 no painel anterior | Command [ | Control [ |
| Volte para a posição de encaixe que você usou pela última vez. Se o DevTools estiver na posição padrão durante toda a sessão, esse atalho vai ser desencaixado em uma janela separada | Command Shift D | Control Shift D |
| Alterne o Modo dispositivo | Command Shift M | Control Shift M |
| Ative ou desative o Modo de inspeção de elemento. | Command Shift C | Control Shift C |
| Abra o Menu de comando. | Command Shift P | Ctrl Shift P |
| Alternar a gaveta | Esc | Esc |
| Recarga normal | Command R | F5 ou Control R |
| Atualização forçada | Command Shift R | Ctrl F5 ou Ctrl Shift R |
| Pesquisa texto no painel atual. Compatível apenas com os painéis Elementos, Console, Origens, Desempenho, Memória, JavaScript Profiler e Origem rápida. | Command F | Control F |
| Abre a guia Pesquisa na Gaveta, que permite pesquisar texto em todos os recursos carregados | Command Option F | Ctrl 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 do nome do script e pressione Enter | Pressione Control O para abrir o Menu de comando e digite ! seguido do 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 selecionado no momento | Seta para cima / Seta para baixo | Seta para cima / Seta para baixo |
| Expandir o nó selecionado no momento. Se o nó já estiver expandido, este 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 |
| Abrir ou fechar o nó selecionado e todos os filhos dele | Mantenha Option pressionada 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. |
| Alterne o modo Editar atributos no elemento selecionado | Inserir | Inserir |
| Selecione o atributo próximo / anterior depois de entrar no modo Edit Attributes. | Tab / Shift Tab | Tab / Shift Tab |
| Ocultar o elemento selecionado | A | A |
| Alterne o modo Editar como HTML no elemento selecionado no momento | Function F2 | F2 |
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. |
| Percorrer as representações RGBA, HSLA e hex de um valor de cor | Mantenha a tecla Shift pressionada e clique na caixa Visualização de cores ao lado do valor | Mantenha a tecla Shift pressionada e clique na caixa Visualização de cores ao lado do valor |
| Selecione a propriedade ou o valor seguinte / anterior | Clique no nome ou no valor de uma propriedade e pressione Tab / Shift Tab | Clique no nome ou no valor de uma propriedade e pressione Tab / Shift Tab |
| Aumentar / reduzir 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 / reduzir 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 / reduzir 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 / reduzir 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 (graus), graus (graus), radianos (rad) e curvas (turnos) de um valor de ângulo | Mantenha a tecla Shift pressionada e clique na caixa Visualização de ângulo ao lado do valor. | Mantenha a tecla Shift pressionada e clique na caixa Visualização de ângulo ao lado do valor. |
| Aumentar / reduzir um valor angular em 1 | Clique na caixa Visualização de ângulo ao lado do valor e pressione Seta para cima / Seta para baixo. | Clique na caixa Visualização de ângulo ao lado do valor e pressione Seta para cima / Seta para baixo. |
| Aumentar / reduzir um valor angular em 10 | Clique 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 / reduzir um valor angular em 15 | Clique na caixa Visualização de ângulo ao lado do valor e pressione Shift, clique ou deslize o mouse na Sobreposição de relógio de ângulo. | Clique na caixa Visualização de ângulo ao lado do valor e pressione Shift, clique ou deslize o mouse na Sobreposição de relógio de ângulo. |
Atalhos de teclado do painel de fontes
| Ação | Mac | Windows / Linux |
|---|---|---|
| Pausar a execução do script (se ele estiver em execução) ou retomar (se estiver pausado) | F8 ou Command \ | F8 ou Control \ |
| Pular a próxima chamada de função | F10 ou Command ' | F10 ou Control ' |
| Ir para a próxima chamada de função | F11 ou Command ; | F11 ou Control ; |
| Sair da função atual | Shift F11 ou Command Shift ; | Shift F11 ou Control Shift ; |
| Continuar para uma determinada linha de código enquanto estiver pausado | Mantenha a tecla Command pressionada e clique na linha de código | Mantenha a tecla Control pressionada e clique na linha de código |
| Selecione o frame da chamada abaixo / acima do frame selecionado no momento | Control . / Control , | Control . / Control , |
| Salvar alterações nas modificações locais | Command S | Control S |
| Salvar todas as mudanças | Command Option S | Ctrl Alt S |
| Ir para linha | Control G | Control G |
| Ir para um número de linha do arquivo aberto no momento | Pressione Command O para abrir o Menu de comando, 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 |
| Acessar uma coluna do arquivo aberto no momento (por exemplo, linha 5, coluna 9) | Pressione Command O para abrir o Menu de comando, digite :, o número da linha, outro : e o número da coluna. Por fim, pressione Enter | Pressione Control O para abrir o Menu de comando, digite :, o número da linha, outro : e o número da coluna. Por fim, pressione Enter |
| Vá para uma declaração de função (se o arquivo aberto no momento for HTML ou um script) ou um conjunto de regras (se o arquivo aberto for uma folha de estilo). | Pressione Command Shift O e digite o nome da declaração / conjunto de regras ou selecione-o na lista de opções. | Pressione Control Shift O e digite o nome da declaração / grupo de regras ou selecione-o na lista de opções. |
| Fechar a guia ativa | Option W | Alt W |
| Abrir a próxima guia ou a anterior | Function Command seta para cima ou para baixo | Control Page Up ou Page Down |
| Ative a barra lateral de Navegação à esquerda. | Command Shift Y | Ctrl Shift Y |
| Alterne a barra lateral do Debugger à direita. | Command Shift H | Ctrl Shift H |
Atalhos de teclado do editor de código
| Ação | Mac | Windows / Linux |
|---|---|---|
| Apaga todos os caracteres da última palavra, até o cursor | Option Delete | Control Delete |
| Adicionar ou remover um ponto de interrupção de linha de código | Concentre o cursor na linha e pressione Command B | Concentre o cursor na linha e pressione Control B |
| Abra a caixa de diálogo de edição do ponto de interrupção para editar pontos de interrupção condicionais ou logpoints. | Foque o cursor na linha e pressione Command Alt B | Foque o cursor na linha e pressione Control Alt B |
| Abrir a caixa de diálogo ponto de interrupção condicional | Command clique em um número de linha | Control clique em um número de linha |
| Abrir a caixa de diálogo do logpoint | Command Shift clique em um número de linha | Control Shift clique em um número de linha |
| Ir para a chave correspondente | Control M | Control M |
| Alternar comentário de linha única. Se várias linhas forem selecionadas, o DevTools adicionará um comentário ao início de cada linha | Command / | Control / |
| Selecionar / 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 "Rede"
| Ação | Mac | Windows / Linux |
|---|---|---|
| Iniciar / parar gravação | Command E | Control E |
| Gravar uma atualização | Command R | Ctrl R |
| Repetir 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 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 de memória
| Ação | Mac | Windows / Linux |
|---|---|---|
| Iniciar / parar 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 | Seta para cima / seta para baixo ou Control P / N | Seta para cima / seta para baixo ou Control P / N |
| Acessar extrato anterior | Seta para cima | Seta para cima |
| Acessar próxima instrução | Seta para baixo | Seta para baixo |
| Focar o console | Control ` | Control ` |
| Limpe o console. | Command K ou Option L | Ctrl L |
| Forçar uma entrada com várias linhas. O DevTools precisa detectar cenários com várias linhas por padrão. Portanto, esse atalho geralmente é desnecessário | Shift Enter | Shift Enter |
| Execução | Enter | Inserir |
| Expandir todas as subpropriedades de um objeto registrado no console | Mantenha a tecla Alt pressionada e clique em Expandir > | Mantenha a tecla Alt pressionada e clique em Expandir > |
Atalhos de teclado da guia "Pesquisar"
| Ação | Mac | Windows / Linux |
|---|---|---|
| Abrir/fechar todos os resultados da pesquisa | Command Option { ou } | Control Shift { ou } |
Atalhos de teclado do painel do gravador
| Ação | Mac | Windows / Linux |
|---|---|---|
| Iniciar ou parar gravação | Command E | Control E |
| Repetir gravação | Command Enter | Control Enter |
| Copiar gravação ou etapa selecionada | Command C | Control C |
| Alternar visualização de código | Command B | Control B |