O Google usa tecnologia de IA na tradução de conteúdos para seu idioma de preferência. As traduções com IA podem ter erros.
Atalhos do teclado
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
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, a dica de ferramenta vai incluí-lo.
Atalhos do 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ção | Mac | Windows / Linux |
|---|
| Abrir o painel usado por último | Command+Option+I | F12 ou Control+Shift+I |
| Abra o painel Console. | Command+Option+J | Control+Shift+J |
| Abra o painel Elementos. | Command+Shift+C ou Command+Option+C | Control+Shift+C |
Atalhos globais do teclado
Os seguintes atalhos de teclado estão disponíveis na maioria dos painéis do DevTools.
| Ação | Mac | Windows / Linux |
|---|
| Mostrar Configurações | ? ou Função+F1 | ? ou F1 |
| Focar no próximo painel | Command+] | Control+] |
| Focar no painel anterior | Command+[ | 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+D | Control+Shift+D |
| Ative o Modo dispositivo. | Command+Shift+M | Control+Shift+M |
| Ativar o Modo de inspeção de elemento | Command+Shift+C | Control+Shift+C |
| Abra o Command Menu. | Command+Shift+P | Control+Shift+P |
| Alternar a gaveta | Escape | Escape |
| Atualização normal | Command+R | F5 ou Control+R |
| Atualização forçada | Command+Shift+R | Control + 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+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 o nível de zoom padrão | Command+0 | Control+0 |
| Executar snippet | Pressione Command+O para abrir o Command Menu e digite !. seguido pelo nome do script e pressione Enter | Pressione 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ção | Mac | Windows / Linux |
|---|
| Desfazer alteração | Command+Z | Control+Z |
| Refazer alteração | Command+Shift+Z | Control+Y |
| Selecionar o elemento acima / abaixo do elemento selecionado | Seta para cima / Seta para baixo | Seta 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 direita | Seta para a direita |
| Fecha o nó selecionado. Se o nó já estiver fechado, esse atalho seleciona 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. |
| Ativa o modo Editar atributos no elemento selecionado | Enter | Enter |
| Selecionar o atributo anterior / seguinte depois de entrar no modo Editar atributos | Tab / Shift+Tab | Tab / Shift+Tab |
| Ocultar o elemento selecionado | H | H |
| Alternar o modo Editar como HTML no elemento selecionado | Função+F2 | Q2 |
Atalhos de teclado do painel de estilos
| Ação | Mac | Windows / Linux |
|---|
| Acessar a linha em que um valor de propriedade é declarado | Segure Command e clique no valor da propriedade. | Mantenha pressionada a tecla Control e clique no valor da propriedade. |
| Percorrer as regras do CSS | Seta para cima / Seta para baixo | Seta para cima / Seta para baixo |
| Percorrer as propriedades e os controles nos valores de propriedade em uma regra de CSS | Seta para a esquerda / Seta para a direita | Seta para a esquerda / Seta para a direita |
| Abrir a dica de ferramenta de valor do CSS ao focar uma função em um valor de propriedade (por exemplo, var, calc, clamp etc., identificado por um sublinhado pontilhado) | Option+ Seta para baixo | Alt+Seta para baixo |
| Mudar a representação de um valor de cor (por exemplo, RGB, hexadecimal, oKlch etc.) | 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. |
| Editar a propriedade ou o valor anterior / seguinte | Clique em um nome ou valor de propriedade e pressione Tab / Shift+Tab | Clique em um nome ou valor de 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 |
| Incrementar / decrementar o valor de uma propriedade em 1 | Clique 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 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 |
| Incrementar / decrementar 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 Ctrl + seta para cima / Ctrl + seta para baixo |
| Ciclo de graus (deg), gradianos (grad), radianos (rad) e voltas (volta) de um valor de ângulo | Mantenha 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 1 | Clique na caixa Prévia do ângulo ao lado do valor e pressione a seta para cima / seta para baixo. | Clique na caixa Prévia do ângulo ao lado do valor e pressione a seta para cima / seta para baixo. |
| Incrementar / decrementar um valor de ângulo 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 / diminuir um valor de ângulo em 15 | 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. | 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ção | Mac | Windows / 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ção | F10 ou Command+' | F10 ou Ctrl+' |
| Entrar na próxima chamada de função | F11 ou Command+; | F11 ou Ctrl+; |
| Sair da função atual | Shift+F11 ou Command+Shift+; | Shift+F11 ou Control+Shift+; |
| Continuar em uma determinada linha de código enquanto está pausado | Mantenha 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 selecionado | Control+. / Control+, | Control+. / Control+, |
| Salvar alterações nas modificações locais | Command+S | Control+S |
| Salvar todas as alterações | Command+Option+S | Ctrl+Alt+S |
| Ir para a linha | Control+G | Control+G |
| Ir para um número de linha do arquivo aberto no momento | Pressione 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 do conjunto de regras / declaração ou selecione na lista de opções. | Pressione Control+Shift+O e digite o nome da declaração / conjunto de regras ou selecione na lista de opções. |
| Fechar a guia ativa | Option+W | Alt+W |
| Abrir a guia anterior ou seguinte | Função+Command+para cima ou para baixo | Control + Page Up ou Page Down |
| Mostrar/ocultar a barra lateral Navegação à esquerda | Command+Shift+Y | Control+Shift+Y |
| Alternar a barra lateral do Debugger à direita | Command+Shift+H | Control+Shift+H |
Atalhos de teclado do editor de código
| Ação | Mac | Windows / Linux |
|---|
| Excluir 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 | Coloque 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 condicional | Command + clique em um número de linha | Control + clique em um número de linha |
| Abrir a caixa de diálogo logpoint | Command+Shift+clique em um número de linha | Control+Shift+clique em um número de linha |
| Ir para o par de chaves | Ctrl + M | Ctrl + 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 simultaneamente | Command+D / Command+U | Control+D / Control+U |
Atalhos de teclado do painel de rede
| Ação | Mac | Windows / Linux |
|---|
| Pesquisar cabeçalhos, payloads e respostas | Command+F | Control+F |
| Iniciar / parar a gravação | Command+E | Ctrl+E |
| Gravar uma atualização | Command+R | Control+R |
| Reproduzir uma solicitação XHR selecionada | R | R |
| Ocultar os detalhes de uma solicitação selecionada | Escape | Escape |
| Ação | Mac | Windows / Linux |
|---|
| Iniciar / parar a gravação | Command+E | Ctrl+E |
| Salvar gravação | Command+S | Control+S |
| Carregar gravação | Command+O | Control+O |
Atalhos do teclado do painel de memória
| Ação | Mac | Windows / Linux |
|---|
| Iniciar / parar a gravação | Command+E | Ctrl+E |
Atalhos do teclado do painel do console
| Ação | Mac | Windows / Linux |
|---|
| Aceitar a sugestão de preenchimento automático | Seta para a direita ou Tab | Seta para a direita ou Tab |
| Rejeitar a sugestão de preenchimento automático | Escape | Escape |
| Navegar pela lista de preenchimento automático para cima ou para baixo | Cima / Baixo ou Control + P / N | Cima / Baixo ou Control + P / N |
| Receber extrato anterior | Seta para cima | Seta para cima |
| Receber a próxima instrução | Seta para baixo | Seta para baixo |
| Focar o console | Control+` | Control+` |
| Limpar o console | Command+K ou Option+L | Control+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+Return | Shift+Enter |
| Executar | Enter | Enter |
| 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 do teclado da guia "Pesquisar"
| Ação | Mac | Windows / Linux |
|---|
| Abrir/fechar todos os resultados da pesquisa | Command+Option+{ ou } | Control+Shift+{ ou } |
Atalhos do teclado do painel do gravador
| Ação | Mac | Windows / Linux |
|---|
| Iniciar ou parar a gravação | Command+E | Ctrl+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 |
Atalhos do teclado do painel de camadas
| Ação | Mac | Windows / Linux |
|---|
| Mover o diagrama ao longo dos eixos X e Y | W (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 modo panorâmico | X | X |
| Alternar modo de rotação | V | V |
| Redefinir a posição e a rotação do diagrama | 0 | 0 |
| Ampliar o diagrama | Shift++ ou roda do mouse para cima | Shift++ ou roda do mouse para cima |
| Diminuir o zoom do diagrama | Shift+- ou roda do mouse para baixo | Shift+- ou roda do mouse para baixo |
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2024-02-20 UTC.
[[["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."],[],[]]
