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 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 | Command+Shift+D | Control+Shift+D |
Alternar Modo dispositivo | Command+Shift+M | Control+Shift+M |
Ative ou desative Inspecionar elementos. | Command+Shift+C | Control+Shift+C |
Abra o menu de comando. | Command+Shift+P | Control+Shift+P |
Abrir ou fechar a gaveta | Esc | Esc |
Recarga normal | Command+R | F5 ou Control+R |
Atualização forçada | Command+Shift+R | Control + F5 ou Control + Shift + R |
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) | F8 ou Command+\ | F8 ou Control+\ |
Pular a próxima chamada de função | F10 ou Command + ' | F10 ou Control+' |
Passar 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 durante a pausa | 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 alterações | Command+Option+S | Control+Alt+S |
Ir para a linha | Control+G | Control+G |
Ir para o número da 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 |
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 : e o número da coluna. Depois, pressione Enter | Pressione Control+O para abrir o Menu de comando, digite :, depois o número da linha, outro : e o número da coluna. Por fim, 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 e digite o nome da declaração / do conjunto de regras ou selecione essa opção na lista de opções | Pressione Control+Shift+O e digite o nome da declaração / do conjunto de regras ou selecione-o na lista de opções |
Fechar a guia ativa | Option+W | Alt+W |
Abrir a guia seguinte ou anterior | Function + Command + seta para cima ou para baixo | Control + Page Up ou Page Down |
Ative ou desative a barra lateral Navegação à esquerda. | Command+Shift+Y | Control+Shift+Y |
Ative ou desative 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. | Foque o cursor na linha e pressione Command+B | Foque 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 + clicar em um número de linha | Control + Shift + clicar em um número de linha |
Ir para colchete correspondente | Control+M | Control+M |
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 |
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 >. |
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 a 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 |
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.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Não contém as informações de que eu preciso"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muito complicado / etapas demais"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desatualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema na tradução"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema com as amostras / o código"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Outro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de entender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Meu problema foi resolvido"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Outro"
}]
{"lastModified": "\u00daltima atualiza\u00e7\u00e3o 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."],[],[]]